:root{--ink:#182332;--muted:#627080;--blue:#1749e5;--line:#dee4e9;--paper:#f7f9fb;--warm:#f7f6f2;--radius:12px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--blue)}
a:focus-visible,summary:focus-visible{outline:3px solid #ed9d21;outline-offset:6px}
p{line-height:1.75}
button,a,summary{-webkit-tap-highlight-color:transparent}
.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.site-header{border-bottom:1px solid var(--line);background:#fff}
.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.35;font-weight:680;letter-spacing:-.2px}
.brand img{object-fit:contain;border:1px solid #edf0f4;border-radius:9px;background:#fff}
.brand-sub{display:block;color:var(--muted);font-weight:450}
.site-header nav{display:flex;gap:32px;font-size:13px;font-weight:550}
.site-header nav a{padding:10px 0;white-space:nowrap}
.site-header nav a:last-child{border-left:1px solid var(--line);padding-left:32px}
.skip{position:fixed;left:16px;top:-100px;z-index:10;background:var(--ink);color:#fff;padding:12px}
.skip:focus{top:12px}
.hero{background:linear-gradient(90deg,#fff 0%,#fff 50%,#f7f9fc 50%,#f7f9fc 100%);border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:704px;align-items:center;gap:70px}
.hero-copy{padding:60px 0}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.6;margin:0 0 25px}
.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:7px;vertical-align:1px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(48px,5.5vw,78px);letter-spacing:-4px;line-height:1.08;font-weight:570;margin-bottom:28px}
h1 span{color:var(--blue)}
.hero-lead{max-width:450px;color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:30px}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 23px;font-size:13px;font-weight:600;border:1px solid transparent;border-radius:5px;transition:background .15s,transform .15s}
.button.primary{background:var(--blue);color:#fff}
.button.primary:hover{background:#1039b9;transform:translateY(-2px)}
.text-link{display:inline-block;font-size:13px;font-weight:650;border-bottom:1px solid #aeb9c6;padding-bottom:5px;line-height:1.7}
.text-link span{padding-left:10px}
.hero-note{font-size:11px;color:var(--muted);margin:26px 0 0}
.preview{padding:36px 0 28px;position:relative}
.preview-top{display:flex;gap:14px;align-items:center;justify-content:space-between;font-size:8px;font-weight:650;letter-spacing:.9px;color:#748094;margin-bottom:23px}
.preview-dots{font-size:8px;letter-spacing:3px;color:#b9c4d2}
.preview-number{font-variant-numeric:tabular-nums;white-space:nowrap}
.paper{width:77%;margin:0 auto;background:white;border:1px solid #dce3eb;box-shadow:0 8px 22px #1c2c4810;padding:25px 30px 23px;border-radius:3px;transform:rotate(-3deg)}
.paper-label{display:flex;align-items:center;gap:10px;color:#8190a2;font-size:9px;letter-spacing:1px}
.pdf-icon{font-size:8px;background:#fff0e9;color:#b65b37;padding:7px 5px;border-radius:3px;font-weight:700}
.paper-arrow{margin-left:auto;font-size:19px;color:#576981}
.paper h2{font-size:26px;font-weight:550;line-height:1.25;letter-spacing:-1px;margin:21px 0}
.paper-rule{border-top:1px solid var(--line);margin-bottom:13px}
.paper-meta{display:flex;justify-content:space-between;font-size:10px;line-height:2.5;color:#758297}
.paper-meta strong{color:var(--ink);font-size:12px;font-weight:600}
.transfer{display:flex;flex-direction:column;align-items:center;color:#8190a5;font-size:8px;letter-spacing:1.5px;gap:7px;margin:18px 0 13px}
.transfer span{background:var(--blue);color:#fff;border-radius:50%;width:28px;height:28px;text-align:center;line-height:27px;font-size:17px}
.sheet-preview{background:#fff;border:1px solid #dce3eb;border-radius:6px;box-shadow:0 12px 26px #14233c0c;overflow:hidden;transform:rotate(1deg)}
.sheet-title{display:flex;align-items:center;gap:9px;padding:16px;font-size:11px;font-weight:600}
.sheet-symbol{color:#18895c;font-size:20px}
.sheet-example{margin-left:auto;font-size:7px;letter-spacing:.7px;color:#8792a2}
.table-scroll{overflow:auto}
.sheet-preview table{border-collapse:collapse;width:100%;font-size:10px;white-space:nowrap}
.sheet-preview td,.sheet-preview th{padding:12px 13px;border:1px solid #e3e9ef;text-align:left;font-weight:450}
.sheet-preview thead th{background:#f5f8fc;color:#61738c;font-size:9px;font-weight:600}
.sheet-preview .row-num{width:30px;padding:10px;text-align:center;background:#fafbfd;color:#a1adbc;font-size:9px}
.sheet-preview td.active-cell{background:#edf3ff;box-shadow:inset 0 0 0 1px var(--blue);color:var(--blue)}
.sheet-tab{width:103px;border-top:2px solid #268b63;padding:12px 16px;color:#217954;background:#eaf5ef;font-size:10px}
.sheet-tab span{margin-left:10px}
.preview-caption{text-align:center;font-size:10px;color:#8793a5;margin:23px 0 0}
.facts-strip{border-bottom:1px solid var(--line);background:white}
.facts-strip .wrap{display:flex;justify-content:space-around;gap:24px;padding-top:24px;padding-bottom:24px;color:#57677a;font-size:11px}
.facts-strip span:before{content:'✓';color:var(--blue);margin-right:10px}
.section{padding-block:105px}
.section-heading{display:grid;grid-template-columns:1.3fr 1fr;column-gap:80px;margin-bottom:54px}
.section-heading .eyebrow{grid-column:1/-1}
.section-heading h2,h2{font-size:40px;line-height:1.19;letter-spacing:-1.7px;font-weight:550;margin-bottom:22px}
.section-heading>p:last-child{max-width:330px;align-self:center;color:var(--muted);font-size:15px;margin:0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.steps article{border-top:1px solid var(--line);padding-top:25px;display:flex;flex-direction:column;align-items:flex-start}
.step-number{font-size:11px;color:var(--blue);margin-bottom:25px;font-variant-numeric:tabular-nums}
.steps h3{font-size:19px;letter-spacing:-.45px;font-weight:550;margin-bottom:13px}
.steps p{font-size:13px;color:var(--muted);margin-bottom:26px}
.step-tag{font-size:8px;letter-spacing:1.2px;color:#6c7d91;margin-top:auto}
.routine{background:var(--warm);border-block:1px solid #e6e6df}
.routine-grid{padding-block:90px;display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}
.routine-grid>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:410px}
.routine .text-link{margin-top:7px}
.schedule-example{background:#fff;border:1px solid #dfdfd7;border-radius:8px;padding:26px 29px;box-shadow:0 8px 18px #34382505}
.schedule-heading{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}
.calendar-icon{background:#edf1ff;color:var(--blue);border-radius:7px;padding:9px 12px;font-size:24px}
.schedule-heading small{display:block;font-size:10px;color:#8792a0;font-weight:400;margin-top:6px}
.badge{margin-left:auto;border-radius:20px;background:#eaf5ee;color:#33744b;padding:5px 9px;font-size:9px;font-weight:500}
.schedule-example dl{margin:25px 0 17px}
.schedule-example dl div{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #eef0f2;font-size:11px}
.schedule-example dt{color:#8591a0}
.schedule-example dd{margin:0;text-align:right}
.schedule-example>p{font-size:10px;color:#8190a0;margin:0;line-height:1.7}
.details-section{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}
.detail-list article{display:flex;gap:25px;padding-bottom:29px;margin-bottom:29px;border-bottom:1px solid var(--line)}
.detail-list article:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.detail-list article>span{font-size:24px;color:var(--blue);width:30px;flex-shrink:0}
.detail-list h3{font-size:17px;font-weight:550;letter-spacing:-.35px;margin:0 0 9px}
.detail-list p{font-size:13px;color:var(--muted);margin:0;max-width:430px}
.data-section{background:#172b4a;color:#fff}
.data-grid{padding-block:75px;display:grid;grid-template-columns:1fr 1fr;gap:90px}
.data-grid .eyebrow{color:#abc1e2}
.data-grid h2{font-size:33px;line-height:1.3;letter-spacing:-1px}
.data-grid p:not(.eyebrow){color:#c0cce0;font-size:13px}
.data-grid strong{color:white;font-weight:550}
.data-grid .text-link{color:white;border-color:#617da5}
.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}
details{border-bottom:1px solid var(--line)}
summary{padding:23px 30px 23px 0;list-style:none;font-size:14px;line-height:1.5;font-weight:550;cursor:pointer;position:relative}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';position:absolute;right:4px;color:#7a8b9f;font-size:20px;top:19px;font-weight:400}
details[open] summary:after{content:'−'}
details p{font-size:13px;color:var(--muted);margin:0;padding:0 30px 22px 0}
details a,.legal-copy a,.support-main p a{text-decoration:underline;text-underline-offset:3px;color:var(--blue)}
.faq-list details:first-child summary{padding-top:0}
.faq-list details:first-child summary:after{top:-4px}
.closing{text-align:center;padding:30px 0 100px}
.closing h2{font-size:48px;letter-spacing:-2px;margin-bottom:27px}
.site-footer{background:#f6f8fa;border-top:1px solid var(--line);padding:45px 0 25px}
.footer-top{display:flex;justify-content:space-between;align-items:start;gap:28px}
.footer-brand{font-size:14px;font-weight:600}
.footer-top p{font-size:11px;color:#8592a1;margin:10px 0 35px}
.email{font-size:12px;border-bottom:1px solid #b7c2cf;padding-bottom:6px;overflow-wrap:anywhere}
.footer-bottom{display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--line);padding-top:23px;font-size:10px;color:#69798d}
.footer-bottom nav{display:flex;gap:25px}
.trademark{font-size:9px;color:#7c899b;margin:20px 0 0;line-height:1.8}
.legal-main{padding-block:70px 100px}
.legal-intro{padding-bottom:45px;border-bottom:1px solid var(--line)}
.legal-intro h1{font-size:58px;letter-spacing:-2.5px;margin-bottom:22px}
.legal-lead{max-width:650px;color:var(--muted);font-size:16px}
.updated{font-size:11px;color:#7a8798;margin-bottom:0}
.legal-grid{display:grid;grid-template-columns:235px 1fr;gap:85px;padding-top:50px}
.legal-grid aside nav{position:sticky;top:30px;display:flex;flex-direction:column;gap:17px;font-size:11px;color:#68788c}
.legal-copy section{margin-bottom:40px;scroll-margin-top:30px}
.legal-copy h2{font-size:23px;line-height:1.4;letter-spacing:-.5px;margin-bottom:16px}
.legal-copy p,.legal-copy li{font-size:14px;color:#536276;line-height:1.85}
.legal-copy strong{font-weight:600;color:var(--ink)}
.legal-copy ul{padding-left:21px}
.legal-copy li{padding-left:5px;margin-bottom:13px}
.support-main{padding-block:75px 95px}
.support-main .legal-intro .button{margin-top:10px}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:50px 0;border-bottom:1px solid var(--line)}
.support-grid h2,.support-contact h2{font-size:25px;letter-spacing:-.7px}
.support-grid p,.support-contact p{color:var(--muted);font-size:14px}
.support-guide{max-width:780px;padding-top:65px}
.support-guide details:first-of-type{border-top:1px solid var(--line)}
.support-contact{margin-top:65px;background:#f4f7fc;border:1px solid #e1e8f2;border-radius:8px;padding:35px;max-width:780px}
.not-found{padding-block:120px;min-height:60vh}
.not-found h1{font-size:60px}
.not-found p:not(.eyebrow){color:var(--muted);margin-bottom:30px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.hero-grid{min-height:780px}
}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}
.hero-grid{gap:40px;min-height:650px}
h1{font-size:60px;letter-spacing:-3px}
.hero-lead{font-size:14px}
.hero-actions{gap:20px}
.button{padding:16px 18px}
.preview-top{font-size:7px;letter-spacing:.3px;gap:6px}
.paper{width:85%}
.routine-grid,.data-grid{gap:60px}
.details-section,.faq-section{gap:60px}
.legal-grid{gap:50px;grid-template-columns:200px 1fr}
.sheet-title{padding:13px 10px}
.sheet-example{font-size:6px}
}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}
.header-inner{min-height:84px;gap:15px}
.brand{font-size:11px;gap:8px}
.brand img{width:34px;height:34px}
.site-header nav{gap:17px;font-size:11px}
.site-header nav a:first-child{display:none}
.site-header nav a:last-child{border:0;padding-left:0}
.hero{background:#fff}
.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}
.hero-copy{padding:52px 0 35px}
.eyebrow{font-size:9px;margin-bottom:20px}
h1{font-size:62px;letter-spacing:-3px}
.hero-lead{max-width:490px;font-size:15px}
.hero-note{margin-top:20px}
.hero-actions{gap:24px}
.preview{background:#f5f8fc;border:1px solid #e3e9f1;border-radius:10px;padding:25px 25px 20px;margin-bottom:30px;max-width:500px;width:100%;justify-self:center}
.preview-top{margin-bottom:20px;font-size:7px}
.paper{max-width:310px;width:85%;padding:22px 24px}
.paper h2{font-size:24px}
.sheet-preview{max-width:440px;margin:auto}
.sheet-preview td,.sheet-preview th{padding:11px 9px}
.sheet-title{font-size:10px}
.sheet-example{font-size:6px}
.facts-strip .wrap{flex-wrap:wrap;justify-content:center;gap:13px 22px;font-size:10px;padding-block:20px}
.section{padding-block:65px}
.section-heading{display:block;margin-bottom:35px}
.section-heading h2,h2{font-size:34px;letter-spacing:-1.3px}
.section-heading>p:last-child{max-width:450px;font-size:14px}
.steps{grid-template-columns:1fr;gap:28px}
.steps article{padding-top:19px}
.step-number{margin-bottom:17px}
.steps p{margin-bottom:17px;max-width:500px}
.routine-grid{padding-block:60px;grid-template-columns:1fr;gap:35px}
.routine-grid>div>p:not(.eyebrow){max-width:100%}
.schedule-example{padding:24px}
.details-section,.faq-section{grid-template-columns:1fr;gap:20px}
.detail-list article{gap:18px}
.detail-list p{max-width:100%}
.data-grid{padding-block:55px;grid-template-columns:1fr;gap:5px}
.data-grid h2{font-size:30px}
.closing{padding:20px 0 65px}
.closing h2{font-size:39px}
.footer-top,.footer-bottom{flex-direction:column;gap:20px}
.footer-top{padding-bottom:28px}
.footer-top p{margin-bottom:0}
.footer-bottom nav{flex-wrap:wrap;gap:22px}
.footer-brand{font-size:12px}
.legal-main{padding-block:45px 60px}
.legal-intro h1{font-size:43px;letter-spacing:-1.7px}
.legal-lead{font-size:15px}
.legal-grid{grid-template-columns:1fr;gap:35px;padding-top:30px}
.legal-grid aside nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:10px;padding-bottom:25px;border-bottom:1px solid var(--line)}
.legal-copy h2{font-size:22px}
.legal-copy p,.legal-copy li{font-size:13px}
.support-main{padding-block:45px 60px}
.support-grid{grid-template-columns:1fr;gap:30px;padding-block:35px}
.support-guide{padding-top:45px}
.support-contact{padding:26px;margin-top:40px}
.support-main .button{font-size:12px;gap:15px}
.not-found{padding-block:90px}
.not-found h1{font-size:44px}
}
@media(max-width:360px){h1{font-size:53px}
.site-header nav{gap:12px}
.brand{font-size:10px}
.hero-actions{gap:18px}
.preview{padding:20px 14px}
.sheet-example{display:none}
.legal-grid aside nav{grid-template-columns:1fr}
.email{font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}

