/* Approved product reference: generous inset, calm typography, contextual laptop artwork. */
:root{--ink:#17263b;--muted:#637084}body{background:#f8fafc}h1,h2,h3{letter-spacing:0!important}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #2374ee;outline-offset:5px}.compact-hero{padding:64px 0 42px;text-align:center}.compact-hero h1{font-size:clamp(2.1rem,4vw,3.35rem);line-height:1.4;font-weight:500;margin:19px 0 14px}.compact-hero p{font-size:1.125rem;line-height:1.8;color:var(--muted)}.compact-hero .actions{justify-content:center;margin:22px 0}.hero-note{display:block;font-size:.875rem;color:var(--muted)}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-top h2{font-size:1.8rem;font-weight:500}.section-kicker{font-size:.875rem;letter-spacing:1px}.product-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.product-panel{position:relative;isolation:isolate;overflow:hidden;border:1px solid white;border-radius:27px;background:linear-gradient(130deg,#fbfdff,#f0f5ff);box-shadow:0 10px 36px #263c6810;min-width:0;min-height:345px;transition:box-shadow .2s ease}.product-panel:hover{box-shadow:0 14px 40px #263c6820}.panel-art{position:absolute;right:0;bottom:0;width:61%;height:100%;object-fit:cover;object-position:right center;z-index:-2}.product-panel:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f8fbff 0%,#f8fbff 39%,#f8fbfff2 46%,#f8fbff80 59%,transparent 75%);pointer-events:none}.panel-copy{width:60%;padding:32px 0 32px 32px;position:relative}.panel-category{font-size:.875rem;color:#536e9e;display:inline-block;margin-bottom:12px}.panel-copy :is(h1,h3){font-size:clamp(1.3rem,1.8vw,1.55rem);line-height:1.55;font-weight:500;margin:0 0 12px;text-wrap:balance}.panel-copy :is(h1,h3) a{color:var(--ink);text-decoration:none}.panel-copy p{font-size:1rem;line-height:1.7;color:#5f6d80;margin:0 0 15px;max-width:28ch}.panel-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}.panel-chips span{font-size:.875rem;color:#4a6899;background:#e8f0fbdd;padding:4px 8px;border-radius:20px}.panel-price{font-size:1.35rem;font-weight:500;line-height:1.6;margin-bottom:13px}.panel-price small{display:block;font-size:.875rem;font-weight:400;color:#687589}.panel-copy .btn{font-size:.875rem;font-weight:500;padding:8px 19px;min-height:44px}.compact-start{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:32px;padding-bottom:48px}.compact-start h2{font-size:1.5rem;font-weight:500;margin:0 0 10px}.compact-start p{font-size:1rem;color:var(--muted)}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:28px 0 10px}.detail-copy{padding:20px 0}.detail-copy h1{font-size:clamp(1.9rem,3vw,2.65rem);font-weight:500;line-height:1.5;margin:15px 0}.detail-copy .description{font-size:1.125rem;line-height:1.8;color:var(--muted)}.detail-price{font-size:1.8rem;font-weight:500;margin:20px 0}.detail-price small{display:block;font-size:.875rem;color:var(--muted);font-weight:400;margin-top:5px}.detail-art{border-radius:28px;overflow:hidden;background:#eef4fa}.detail-art img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.audience{font-size:.875rem;line-height:1.8;color:var(--muted);margin-top:20px}.image-note{text-align:right;color:#778393;font-size:.875rem;margin:0 0 12px}.section{padding:30px 0}.section h2,.support-grid h2{font-size:1.6rem;font-weight:500}.feature-grid{gap:14px}.feature{padding:20px}.feature h3{font-size:1.125rem;font-weight:500}.feature p{font-size:1rem;line-height:1.7}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.package-option{padding:25px;border:1px solid #dce5f2;border-radius:24px;background:#fff}.package-option h3{font-size:1.25rem;font-weight:500;margin:17px 0 10px}.package-option p{font-size:1rem;line-height:1.8;color:var(--muted);margin-bottom:20px}.support-grid{margin-bottom:42px}.tag,.micro,.footer-links,.copyright{font-size:.875rem}.page-head p,.catalog-layout .card p{font-size:1rem}.catalog-layout .card h3{font-size:1.125rem}.product-panels+.help-bar{margin-top:32px}.guide-art span{font-size:.875rem}.section>p{font-size:1rem;color:var(--muted);margin-bottom:20px}
@media(min-width:1500px){.product-panel{min-height:350px}.panel-copy{padding:36px 0 36px 36px}.compact-hero{padding-top:62px}}
@media(max-width:1050px){.product-panels{grid-template-columns:1fr}.product-panel{min-height:330px}.panel-copy{width:55%;padding:35px}.panel-copy :is(h1,h3){font-size:1.75rem}.panel-copy p{max-width:38ch}.panel-art{width:58%;object-fit:cover}.product-panel:after{background:linear-gradient(90deg,#f8fbff 0%,#f8fbff 36%,#f8fbfff2 43%,#f8fbff80 55%,transparent 72%)}}
@media(max-width:700px){.compact-hero{padding:38px 0 28px}.compact-hero h1{font-size:2.15rem}.compact-hero p{font-size:1rem}.section-top{align-items:start}.section-top h2{font-size:1.4rem}.section-top>a{font-size:.875rem;white-space:nowrap}.product-panels{gap:18px}.product-panel{display:flex;flex-direction:column;min-height:0}.panel-art{position:relative;order:2;width:100%;height:auto;aspect-ratio:4/3;max-height:290px;object-fit:cover;object-position:right center;z-index:0;mask-image:linear-gradient(transparent,#000 16%)}.product-panel:after{display:none}.panel-copy{width:100%;padding:27px 27px 4px}.panel-copy :is(h1,h3){font-size:1.5rem;max-width:23ch}.panel-copy p{max-width:36ch;font-size:1rem}.panel-category{margin-bottom:9px}.panel-price small{display:inline;margin-left:12px}.panel-price{margin-bottom:14px}.panel-chips{margin-bottom:12px}.compact-start{flex-direction:column;align-items:flex-start;padding:25px 0 35px}.compact-start p{line-height:1.8}.detail-hero{grid-template-columns:1fr;gap:12px;padding-top:10px}.detail-copy{padding:12px 0}.detail-copy h1{font-size:1.9rem}.detail-copy .description{font-size:1rem}.detail-art{max-width:100%}.image-note{text-align:left;margin-top:10px}.package-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.feature p{font-size:1rem}.feature h3{font-size:1.05rem}.support-grid{grid-template-columns:1fr}.section{padding:24px 0}.package-option{padding:24px}.footer-links{line-height:2}.page-head p{font-size:1rem}}
@media(max-width:380px){.feature-grid{grid-template-columns:1fr}.panel-copy{padding-inline:23px}.panel-price small{display:block;margin-left:0}}
@media(prefers-reduced-motion:reduce){.product-panel{transition:none}}

/* Revision 4: brand teal actions, pain story, template palettes and product conversion flow. */
:root{--brand-teal:#087f72;--brand-teal-dark:#05655c;--brand-teal-soft:#e5f5f2}.btn,.btn.small{background:var(--brand-teal);border-color:var(--brand-teal);box-shadow:0 5px 17px #087f722d;color:#fff}.btn:hover,.btn.small:hover{background:var(--brand-teal-dark);border-color:var(--brand-teal-dark);box-shadow:0 7px 24px #087f7238}.btn.light{color:var(--brand-teal);background:#fff;border-color:#95cbc4;box-shadow:none}.btn.light:hover{color:#fff;background:var(--brand-teal);border-color:var(--brand-teal)}.gradient-text{background:linear-gradient(100deg,#087f72,#13a99a);background-clip:text;-webkit-background-clip:text}.text-link{color:var(--brand-teal)}
.pain-section{padding:70px 0;background:#102c35;color:#fff;position:relative;overflow:hidden}.pain-section:before{content:'';position:absolute;inset:-20%;background:radial-gradient(circle at 12% 30%,#0a978761,transparent 30%),radial-gradient(circle at 88% 80%,#176a7761,transparent 28%)}.pain-section .wrap{position:relative}.pain-lead{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:end;margin-bottom:38px}.pain-lead .section-kicker{grid-column:1/-1;color:#74d6cb;margin:0}.pain-lead h2{font-size:clamp(2rem,3vw,3rem);line-height:1.35;font-weight:500;margin:0}.pain-lead>p{font-size:1.1rem;line-height:1.9;color:#c1d5da;margin:0;max-width:48ch}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pain-grid article{padding:25px;border:1px solid #ffffff25;border-radius:22px;background:#ffffff0c}.pain-grid span{font-size:.8rem;color:#74d6cb}.pain-grid h3{font-size:1.25rem;font-weight:500;margin:16px 0 8px}.pain-grid p{font-size:1rem;line-height:1.75;color:#bdd0d5;margin:0}.pain-answer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:24px;padding:20px 25px;border-radius:20px;background:#0b887a}.pain-answer span{font-size:.9rem;color:#d7f5f1}.pain-answer strong{font-size:1.15rem;font-weight:500;text-align:right}.solutions-section{padding-top:70px}
.product-panel{--tone:#087f72;--tone-soft:#e7f6f3;border-color:color-mix(in srgb,var(--tone) 18%,white);background:linear-gradient(130deg,#fff,var(--tone-soft))}.product-panel:after{background:linear-gradient(90deg,#fbfdff 0%,#fbfdff 39%,#fbfdfff2 47%,#fbfdff85 59%,transparent 75%)}.tone-accounting{--tone:#1689e7;--tone-soft:#e8f4ff}.tone-project{--tone:#dc8118;--tone-soft:#fff3e5}.tone-payroll{--tone:#bf42a9;--tone-soft:#faeafa}.tone-restaurant{--tone:#db6547;--tone-soft:#fff0eb}.panel-category{color:var(--tone)}.panel-chips span{color:color-mix(in srgb,var(--tone) 75%,#233);background:color-mix(in srgb,var(--tone) 12%,white)}.panel-price{color:color-mix(in srgb,var(--tone) 75%,#24303d)}
.testimonial-section{padding:72px 0 45px}.carousel-controls{display:flex;gap:8px}.carousel-controls button{width:44px;height:44px;border-radius:50%;border:1px solid #bcd8d4;background:#fff;color:var(--brand-teal);font-size:1.2rem;cursor:pointer}.testimonial-carousel{overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#eaf8f6,#f6fbff);border:1px solid #d7ebe8}.testimonial-track{display:flex;transition:transform .45s ease}.testimonial-slide{min-width:100%;padding:42px 9%;text-align:center}.stars{color:#e6a622;letter-spacing:5px}.testimonial-slide blockquote{font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.75;font-weight:400;color:#23434a;max-width:820px;margin:18px auto}.testimonial-slide p{color:#42626a}.testimonial-slide p span{display:block;font-size:.875rem;color:#71898f;margin-top:5px}.carousel-dots{display:flex;justify-content:center;gap:8px;padding:0 0 24px}.carousel-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#b8d2cf;padding:0}.carousel-dots button.active{width:25px;border-radius:8px;background:var(--brand-teal)}
.detail-hero{--tone:#087f72;overflow:hidden;border-radius:30px;padding:35px;background:linear-gradient(125deg,#fff,var(--tone-soft,#edf8f6))}.detail-hero .detail-art{background:var(--tone-soft)}.demo-section{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;align-items:center;padding:65px 0}.demo-section h2{font-size:1.7rem;font-weight:500;margin:10px 0}.demo-section p{font-size:1rem;line-height:1.8;color:var(--muted)}.video-frame{aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#102c35;box-shadow:0 14px 36px #1e39421a}.video-frame iframe{width:100%;height:100%;border:0}.section-heading{max-width:760px;margin-bottom:25px}.section-heading h2{margin:8px 0}.feature-section{padding:55px 0}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;list-style:none;margin:0;padding:0;border-top:1px solid #dce7ea}.feature-list li{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid #dce7ea}.feature-list>li>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--brand-teal-soft);color:var(--brand-teal);font-weight:700}.feature-list h3{font-size:1.05rem;font-weight:500;margin:1px 0 5px}.feature-list p{font-size:.95rem;line-height:1.7;color:var(--muted);margin:0}.package-section{padding:55px 0}.package-table-wrap{overflow-x:auto;border-radius:24px;border:1px solid #d7e6e4;background:#fff;box-shadow:0 10px 28px #234e5510}.package-table{width:100%;border-collapse:collapse;min-width:730px}.package-table th,.package-table td{padding:17px 20px;border-bottom:1px solid #e2eceb;text-align:center}.package-table thead th{background:#ecf7f5;color:#284b51}.package-table thead th:first-child{text-align:left;width:42%}.package-table thead strong{display:block;font-size:1.05rem;font-weight:600;color:var(--brand-teal)}.package-table thead span{display:block;font-size:.875rem;font-weight:400;margin-top:5px}.package-table tbody th{text-align:left;font-weight:400;color:#334f55}.package-table .yes{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand-teal);color:#fff;font-weight:700}.package-table .no{color:#9aabad}.faq-section{padding:50px 0;max-width:840px}.faq-section h2{font-size:1.7rem;font-weight:500;margin:8px 0 22px}.bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px;margin:20px 0 55px;border-radius:28px;background:#0b756b;color:#fff}.bottom-cta .section-kicker{color:#9fe2da}.bottom-cta h2{font-size:clamp(1.6rem,2.5vw,2.25rem);line-height:1.45;font-weight:500;margin:8px 0}.bottom-cta p{color:#d3efec;margin:0}.bottom-cta .btn{background:#fff;color:var(--brand-teal);border-color:#fff;white-space:nowrap}.bottom-cta .btn:hover{background:#e7f6f3;color:var(--brand-teal-dark)}
@media(max-width:700px){.pain-section{padding:50px 0}.pain-lead{grid-template-columns:1fr}.pain-lead .section-kicker{grid-column:auto}.pain-lead h2{font-size:2rem}.pain-grid{grid-template-columns:1fr}.pain-answer{align-items:flex-start;flex-direction:column}.pain-answer strong{text-align:left}.solutions-section{padding-top:50px}.testimonial-section{padding-top:55px}.testimonial-slide{padding:32px 24px}.testimonial-slide blockquote{font-size:1.15rem}.detail-hero{padding:22px}.demo-section{grid-template-columns:1fr;gap:20px;padding:45px 0}.feature-list{grid-template-columns:1fr}.package-table-wrap{margin-right:-16px}.bottom-cta{flex-direction:column;align-items:flex-start;padding:28px}.bottom-cta .btn{white-space:normal}.carousel-controls{display:none}}
@media(prefers-reduced-motion:reduce){.testimonial-track{transition:none}}