:root{--paper:#fbf8f3;--ink:#252321;--muted:#655f59;--orange:#b54719;--line:#ded8ce;--white:#fff;--accent:#ff6b28;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:var(--orange);text-underline-offset:4px}img{max-width:100%;height:auto;display:block}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b54719;outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:white;z-index:100}.skip:focus{top:12px}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(251,248,243,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.nav{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:750;font-size:22px;text-decoration:none;letter-spacing:-.6px}.brand img{width:50px;border-radius:12px}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{color:var(--ink);font-size:14px;text-decoration:none;font-weight:550}.nav-links a[aria-current=page]{color:var(--orange)}.nav-links a:hover{text-decoration:underline}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin:0 0 20px}.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:60px;padding:80px 0 88px}.hero h1{font-size:clamp(52px,6.1vw,83px);line-height:1.04;font-weight:760;letter-spacing:-4px;margin:0 0 28px}.hero h1 em{font-style:normal;color:var(--orange)}.lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:550px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:100px;background:var(--ink);color:white;font-size:14px;font-weight:650;text-decoration:none;border:1px solid var(--ink)}.button.secondary{background:transparent;color:var(--ink);border-color:#bfb6aa}.button:hover{background:var(--orange);border-color:var(--orange);color:white}.availability{font-size:13px;color:var(--muted);margin-top:20px}.hero-art{min-height:600px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:70px -15px 30px;border-radius:50%;background:#f5d8b9;z-index:-1}.phone{width:252px;border:6px solid #2f2b29;border-radius:37px;overflow:hidden;background:white;box-shadow:0 25px 60px #3b28132b}.hero-art .phone:first-child{position:relative;transform:rotate(-8deg) translate(20px,8px);z-index:2}.hero-art .phone:last-child{position:relative;transform:rotate(8deg) translate(-18px,-4px);width:230px}.hero-art .phone img{width:100%}.section{padding:86px 0;border-top:1px solid var(--line)}.section h2{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-1.7px;margin:0 0 22px}.section-intro{max-width:700px;color:var(--muted);font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:48px}.feature{border-top:2px solid #c7bcae;padding-top:24px}.feature .number{font-family:ui-monospace,monospace;color:var(--orange);font-size:13px}.feature h3{font-size:23px;letter-spacing:-.7px;margin:12px 0}.feature p{font-size:16px;color:var(--muted)}.reading{display:grid;grid-template-columns:.8fr 1fr;gap:90px;align-items:center}.reading-visual{padding:40px;background:#eaded0;border-radius:var(--radius);display:flex;justify-content:center}.reading-visual img{width:255px;border-radius:22px;box-shadow:0 16px 36px #4d3a2220}.reading ul{padding-left:22px;color:var(--muted)}.reading li{margin:14px 0}.tablet-band{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}.tablet-frame{padding:10px;background:#302c2a;border-radius:24px;max-height:480px;overflow:hidden;box-shadow:0 20px 45px #3c291626}.tablet-frame img{border-radius:15px;width:100%}.callout{background:#292624;color:white;border-radius:var(--radius);padding:48px;display:flex;gap:30px;align-items:center;justify-content:space-between}.callout h2{font-size:32px;letter-spacing:-1px;margin:0 0 10px;line-height:1.2}.callout p{margin:0;color:#e4d9ce}.callout .button{background:#f8f2e9;color:#292624;white-space:nowrap}.site-footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:13px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:23px}.footer-links a{color:var(--muted)}.page-top{padding:72px 0 42px;max-width:800px}.page-top h1{font-size:clamp(40px,5vw,64px);letter-spacing:-2.4px;line-height:1.08;margin:0 0 24px}.page-top p{font-size:18px;color:var(--muted)}.support-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;padding-bottom:76px}.contact-panel{background:#efe5d8;border-radius:var(--radius);padding:32px;align-self:start}.contact-panel h2{font-size:26px;margin:0 0 12px;letter-spacing:-.8px}.email{overflow-wrap:anywhere;font-weight:650}.contact-panel p,.contact-panel li{font-size:15px}.contact-panel ul{padding-left:22px}.faq h2{font-size:30px;letter-spacing:-1px;margin:0 0 20px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:18px;font-weight:650;padding-right:24px}details p{color:var(--muted);margin:16px 0 4px}.legal{max-width:800px;padding-bottom:75px}.legal h2{font-size:25px;letter-spacing:-.6px;margin:36px 0 12px}.legal h3{font-size:19px}.legal p,.legal li{color:var(--muted)}.legal ul{padding-left:22px}.legal .notice{border-left:3px solid var(--orange);padding:15px 24px;background:#efe5d8}.toc{display:flex;gap:12px 20px;flex-wrap:wrap;font-size:14px;margin:20px 0 35px}.fine{font-size:13px;color:var(--muted)}.error-page{padding:100px 0 140px}.error-page h1{font-size:64px;letter-spacing:-3px;line-height:1.1}
@media(max-width:900px){.hero{gap:24px}.hero h1{font-size:60px;letter-spacing:-3px}.hero-art{min-height:480px}.hero-art .phone{width:205px}.hero-art .phone:last-child{width:180px}.reading{gap:40px}.feature-grid{gap:22px}.support-grid{gap:30px}.tablet-band{gap:30px}.callout{padding:32px}}
@media(max-width:650px){.container{width:calc(100% - 36px)}.nav{min-height:78px;gap:10px;flex-wrap:wrap;padding:14px 0}.brand{font-size:20px}.brand img{width:40px}.nav-links{gap:16px}.nav-links a{font-size:12px}.nav-links a:first-child{display:none}.hero{grid-template-columns:1fr;padding:54px 0 48px;gap:24px}.hero h1{font-size:59px;letter-spacing:-3px}.lead{font-size:18px}.hero-art{min-height:500px;max-width:390px;width:100%;margin:auto}.hero-art:before{inset:40px 0 35px}.hero-art .phone:first-child{width:205px;transform:rotate(-7deg) translate(13px,5px)}.hero-art .phone:last-child{width:182px;transform:rotate(8deg) translate(-13px,-5px)}.phone{border-width:5px;border-radius:29px}.section{padding:58px 0}.section h2{font-size:37px}.feature-grid,.reading,.tablet-band,.support-grid{grid-template-columns:1fr}.feature-grid{gap:20px;margin-top:30px}.feature p{margin-bottom:4px}.reading{gap:36px}.reading-visual{padding:28px}.reading-visual img{width:230px}.tablet-frame{max-height:430px}.callout{display:block;padding:30px}.callout .button{margin-top:24px}.page-top{padding-top:50px}.page-top h1{font-size:46px}.support-grid{gap:36px;padding-bottom:55px}.contact-panel{order:-1;padding:26px}.footer-inner{display:block}.footer-links{margin-top:16px;gap:20px}.legal h2{font-size:23px}.legal .notice{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.actions{display:none}body{background:white}.container{width:100%}.phone{box-shadow:none}details{break-inside:avoid}details>*{display:block}}
.hero>*,.reading>*,.tablet-band>*,.support-grid>*{min-width:0}.phone{min-width:0}.hero-art{overflow:hidden}@media(max-width:650px){.hero h1{font-size:clamp(43px,12vw,59px);letter-spacing:-2.7px}.hero-art .phone:first-child{width:195px}.hero-art .phone:last-child{width:174px}}
@media(min-width:901px){.hero h1{font-size:clamp(52px,5.1vw,72px);letter-spacing:-3.4px}}
