/* DONEO V25 — clearer hierarchy, readable previews and responsive comparison. */
:root{--muted:#526b64;--line:#dfe7e2;--shadow:0 12px 32px rgba(23,55,51,.055)}
body{background:#fff;line-height:1.5}
:focus-visible{outline:3px solid var(--green);outline-offset:5px}
.skip-link{position:fixed;top:8px;left:16px;transform:translateY(-160%);z-index:200;background:#fff;padding:12px 20px;border:2px solid var(--green);border-radius:10px}
.skip-link:focus{transform:none}
.site-header,.site-header.scrolled{background:rgba(255,255,255,.96)}
.nav-wrap{min-height:88px}.brand img{width:190px;height:68px}
.main-nav a{font-weight:650}.mobile-nav-cta{display:none}
.button{border-radius:14px;gap:18px;font-size:1rem;font-weight:700;min-height:54px;padding:12px 22px;text-align:center}
.button-orange{background:#ff8a3c;color:#153c39;box-shadow:0 8px 20px rgba(255,107,26,.12)}
.button-orange:hover{background:var(--green);color:#fff}
.hero{background:linear-gradient(110deg,#fff 0%,#fff 50%,#f0f6f3 50%,#f0f6f3 100%);min-height:auto}
.hero-orb,.app-glow{display:none}
.hero-grid{grid-template-columns:1.1fr 1fr;gap:72px;padding:60px 0 72px}
.hero h1{font-size:clamp(3.3rem,5.8vw,5rem);line-height:1.08;letter-spacing:-.055em;max-width:650px}
.hero h1 span{color:var(--green)}
.eyebrow{font-size:.75rem;letter-spacing:.13em;color:#69786c;font-weight:750}
.hero-copy>.eyebrow{display:inline-block;padding:8px 12px;background:#fff1e5;border:1px solid #ffe0c5;border-radius:6px;color:#7d4a21}
.lead{font-size:1.125rem;line-height:1.7;max-width:510px;margin-top:24px}
.hero-actions{gap:12px;margin-top:30px}.hero-actions .button-white{font-size:.9375rem}
.trust-grid{gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.trust-card{border:0;background:none;box-shadow:none;padding:0;gap:8px;backdrop-filter:none;border-radius:0}
.trust-icon{font-size:22px;color:var(--green)}.trust-card strong{font-size:.875rem;font-weight:700}.trust-card small{font-size:.75rem;line-height:1.4}
.app-stage{min-height:0;flex-direction:column;gap:15px;padding:0}
.preview-caption{font-size:.75rem;letter-spacing:.08em;color:#526b64;text-align:center}
.app-window{transform:none;max-width:450px;border-radius:24px;padding:24px;background:#fff;box-shadow:0 24px 60px -20px rgba(11,71,69,.28);border:1px solid #d7e3dd}
.app-window:hover{transform:translateY(-3px)}
.app-intro h2{font-size:1.875rem;line-height:1.12}
.app-copy{font-size:.875rem}.app-avatar{flex-shrink:0;background:#e8f2ed;color:var(--green);box-shadow:none}
.app-kicker,.status-card-head span,.next-label,.verified-label{font-size:.75rem;letter-spacing:.07em;color:#536c63}
.tax-year,.status-card small,.verified-card small,.app-nav span{font-size:.75rem}
.status-card,.next-card,.verified-card{border-radius:14px}.status-bar{height:8px}
.next-card{background:#fff4e9}.next-card strong{font-size:1rem;line-height:1.4}
.preview-upload{display:inline-flex;background:var(--green);color:#fff;padding:9px 15px;border-radius:9px;font-size:.875rem;font-weight:700;margin-top:12px}
.verified-card strong{font-size:.875rem;line-height:1.4}.app-nav{gap:4px}
.section,.comparison-section{padding:88px 0}
.section-heading h2,.highlight-panel h2,.cta h2{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.13;letter-spacing:-.04em;text-wrap:balance}
.section-heading p,.highlight-panel p,.page-hero p{font-size:1.0625rem}
.section-heading.centered{max-width:740px}
.comparison-scroll{border-radius:18px;box-shadow:none}
.comparison-table th,.comparison-table td{border-color:var(--line);font-size:.9375rem}
.comparison-table tbody th{background:#fff;width:34%;font-weight:650}
.comparison-table .doneo-col{background:#f0f7f3}
.comparison-table thead th.doneo-col{background:var(--green);color:#fff}
.check-circle{width:23px;height:23px;font-size:14px;background:#d5eee2;color:#17674b;margin-right:6px}
.comparison-note,.price-note,.small-note{font-size:.875rem;color:var(--muted)!important}
.feature-card,.service-card,.contact-card{border-radius:18px;padding:30px;box-shadow:none}
.feature-card{border-top:3px solid var(--green)}
.feature-number{font-size:.875rem;color:var(--green)}
.feature-icon,.service-card>span,.contact-card>span{border-radius:12px;background:#f0f6f2;color:var(--green)}
.highlight-panel{border-radius:24px;background:#f1f6f3;box-shadow:none;padding:48px}
.mini-stack>div{border-radius:12px}.mini-stack small{font-size:.875rem;line-height:1.5}
.soft-section,.cta-section{background:#fff}.cta{border-radius:24px;background:var(--green);box-shadow:none;padding:48px}
.eyebrow-light{color:#ffd3b5}.cta p{line-height:1.6}
.page-hero{background:#f2f6f3;padding:70px 0 44px}
.page-hero h1{font-size:clamp(2.6rem,5vw,4.25rem);line-height:1.1;letter-spacing:-.045em;text-wrap:balance}
.price-card{border-radius:20px;padding:32px 26px;box-shadow:none;display:flex;flex-direction:column}
.price-card.featured{transform:none;border:2px solid var(--green)}
.price-label{font-size:1rem;min-height:48px;padding-right:0}.badge{position:static;align-self:flex-start;margin-bottom:14px;font-size:.75rem}
.price{font-size:clamp(2rem,3vw,2.6rem);line-height:1.2}.price-card .full{margin-top:auto}
.price-card:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #d5eee2}
.price-card p{font-size:1rem}.price-card:not(.featured){padding-top:74px}
.faq details{border-radius:14px;padding:22px}.faq summary{line-height:1.5;font-size:1rem}.faq p{font-size:1rem}
.footer-grid a{font-size:.9375rem}.footer-grid a:hover{text-decoration:underline;text-underline-offset:4px}.footer-brand p{line-height:1.6}.footer-bottom{font-size:.8125rem}
/* Content remains accessible if JavaScript or IntersectionObserver is unavailable. */
.reveal{opacity:1;transform:none}.reveal-pending{opacity:0;transform:translateY(14px)}.reveal-pending.visible{opacity:1;transform:none}
@media(min-width:901px) and (max-width:1100px){.hero-grid{gap:32px}.main-nav{gap:18px}.trust-grid{gap:9px}.trust-card{flex-wrap:wrap}}
@media(max-width:900px){
 .hero{background:linear-gradient(#fff 0%,#fff 44%,#f0f6f3 100%)}
 .hero-grid{grid-template-columns:1fr;gap:38px;padding:42px 0 52px}
 .hero-copy{max-width:660px;margin:auto;width:100%}.app-stage{width:100%;padding:0}
 .main-nav,.nav-wrap.open .main-nav{max-height:calc(100dvh - 105px);overflow-y:auto;overscroll-behavior:contain}
 .main-nav .mobile-nav-cta{display:block;background:var(--green);color:white;margin-top:6px;text-align:center}
 .main-nav .mobile-nav-cta:hover{background:#153c39;color:#fff}
 .main-nav a{font-size:1rem}.nav-wrap{min-height:76px}.brand{margin-left:0}.brand img{width:170px;height:60px}
 .comparison-scroll::after{display:none}.comparison-table{min-width:0}
 .comparison-table th,.comparison-table td{padding:16px 12px}
 .section,.comparison-section{padding:64px 0}
}
@media(max-width:620px){
 .container{width:calc(100% - 36px)}.hero-grid{padding-top:30px;gap:30px}
 .hero h1{font-size:clamp(2.5rem,10.6vw,3.75rem);line-height:1.1;letter-spacing:-.05em}
 .hero-copy>.eyebrow{font-size:.75rem;letter-spacing:.06em;padding:7px 9px}.lead{font-size:1rem;margin-top:18px}
 .hero-actions{margin-top:24px}.button{min-height:52px}.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px;padding-top:20px}
 .trust-card{display:block;min-height:0;padding:0}.trust-icon{display:none}.trust-card small{font-size:.75rem;margin-top:4px}
 .app-window{padding:18px;border-radius:20px}.app-intro h2{font-size:1.65rem}.app-nav span{font-size:.75rem}.tax-year{font-size:.75rem}
 .app-copy{font-size:.875rem}.preview-caption{font-size:.75rem;letter-spacing:.03em;max-width:270px}
 .verified-grid{grid-template-columns:1fr}.verified-card strong br{display:none}
 .comparison-table{display:block;min-width:0}.comparison-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 .comparison-table tbody{display:block}.comparison-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line)}
 .comparison-table tr:last-child{border:0}.comparison-table tbody th{grid-column:1/-1;width:auto;padding:14px 16px 8px;border:0;font-size:1rem}
 .comparison-table td{display:block;border:0;font-size:.875rem;padding:12px 16px 16px;overflow-wrap:anywhere}
 .comparison-table td::before{content:attr(data-label);display:block;font-weight:700;font-size:.75rem;margin-bottom:7px;color:#536c63}
 .comparison-table .doneo-col{border-radius:10px 0 0 0}.comparison-table .check-circle{display:none}
 .section-heading h2,.highlight-panel h2,.cta h2{font-size:2rem;line-height:1.16}
 .highlight-panel,.cta{padding:28px 22px;border-radius:20px}.feature-card,.service-card,.contact-card{padding:24px}
 .price-card,.price-card:not(.featured){padding:26px}.price-label{min-height:0}.price{font-size:2.5rem}
 .page-hero{padding:40px 0 30px}.page-hero h1{font-size:clamp(2.3rem,10vw,3.3rem)}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.footer-brand{grid-column:1/-1}
 .legal-box{padding:22px}.contact-card>a:not(.button){overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}}