:root{--primary:#653d29;--secondary:#d99454;--accent:#b95841;--honey:#f4b56b;--bg:#f1bcc0;--light:#ffe3e1;--paper:#fff0ef;--ink:#512a2c;--muted:#68474a;--hair:rgba(101,61,41,.2);--s1:0 8px 19px rgba(131,66,59,.12),0 2px 5px rgba(172,93,72,.08);--s2:0 16px 40px rgba(132,66,74,.18),0 5px 12px rgba(138,73,62,.1);--s3:0 30px 80px rgba(103,53,60,.24),0 9px 24px rgba(115,63,55,.13);--r-sm:8px;--r-md:12px;--r-lg:32px;--ease:cubic-bezier(.2,.8,.2,1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px}* ,*::before,*::after{box-sizing:border-box}html{font-size:clamp(16px,.55vw + 11px,22px);scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip;background:var(--bg);color:var(--ink);font:400 1rem/1.7 Karla,Arial,sans-serif}h1,h2,h3{font-family:'Bodoni Moda',Georgia,serif;font-weight:500;line-height:1.18;letter-spacing:-.035em;text-wrap:balance;margin:0}h2{font-size:clamp(1.75rem,3.8vw,3.5rem)}h3{font-size:clamp(1.25rem,2.2vw,1.75rem)}p{margin:0 0 1em;text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--honey);color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}body{scrollbar-color:var(--secondary) var(--light)}.container{width:min(100% - 40px,1360px);margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--paper);padding:8px 16px}.skip:focus{top:6px}.scroll-progress{position:fixed;left:0;top:82px;height:2px;width:0;background:var(--accent);z-index:21;pointer-events:none}.dock{height:72px;position:relative;top:16px;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;z-index:20;background:rgba(255,234,230,.79);border:1px solid rgba(111,50,43,.17);border-radius:30px;box-shadow:var(--s2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px;min-width:0;font-weight:600;white-space:nowrap}.brand-name{font-size:1.125rem;overflow:hidden;text-overflow:ellipsis}.brand-chip{display:grid;place-items:center;background:rgba(255,247,242,.8);border-radius:12px;padding:3px}.brand img{width:38px;height:38px;object-fit:contain;border-radius:9px;flex:none}.nav-button{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;min-height:48px;border:1px solid var(--primary);background:var(--paper);font-weight:600;box-shadow:4px 4px 0 var(--secondary);font-size:.875rem;white-space:nowrap;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.nav-button:hover,.btn:hover{transform:translate(-2px,-2px)}.nav-button[aria-current]{background:var(--primary);color:#fff}.hero{height:100vh;height:100svh;height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:radial-gradient(ellipse at 53% 45%,#ffd9d7,transparent 54%),linear-gradient(145deg,#edabb8,#f2c8c7 58%,#f1a9b6);position:relative}.hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 53%,rgba(113,54,60,.12));z-index:0}.hero .dock{grid-row:1}.hero-content{--hs:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:calc(var(--hs)*min(2.5svh,32px));z-index:1;padding-top:16px;padding-bottom:16px}.hero-composition{position:relative;width:min(100%,calc(var(--hs)*1100px));height:calc(var(--hs)*min(53svh,560px));min-height:0;display:grid;place-items:center;isolation:isolate}.orbit-stage{position:relative;height:100%;aspect-ratio:1.45;max-width:94%;max-height:100%;filter:drop-shadow(0 22px 22px rgba(124,58,68,.1))}.spotlight{position:absolute;inset:-20% 10% 10%;background:conic-gradient(from 190deg at 50% 0%,transparent 0 15%,rgba(255,243,222,.6) 26%,transparent 37%);filter:blur(14px)}.orbit{position:absolute;border:1px solid rgba(101,61,41,.4);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg);box-shadow:inset 0 0 14px rgba(255,255,255,.32)}.orbit-a{width:90%;height:65%}.orbit-b{width:72%;height:95%;transform:translate(-50%,-50%) rotate(45deg)}.orbit-c{width:95%;height:30%;transform:translate(-50%,-50%) rotate(27deg)}.planet{position:absolute;border-radius:50%;border:1px solid rgba(255,245,231,.7);box-shadow:inset -13px -10px 22px rgba(91,44,40,.16),0 10px 25px rgba(91,44,40,.14)}.planet-a{width:14%;aspect-ratio:1;background:linear-gradient(125deg,#ffdfa9,#da956e);left:6%;top:26%}.planet-b{width:9%;aspect-ratio:1;background:linear-gradient(120deg,#d58c74,#95523c);right:11%;bottom:13%}.planet-c{width:5%;aspect-ratio:1;background:#ffe5c1;right:23%;top:8%}.orbit-core{position:absolute;left:50%;top:50%;width:43%;aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(-8deg);border-radius:50%;color:#ffe0b4;background:linear-gradient(130deg,rgba(101,61,41,.82),rgba(91,40,44,.52));border:1px solid rgba(255,238,213,.5);box-shadow:inset 0 3px 18px rgba(255,239,216,.13),inset 0 -16px 35px rgba(72,29,34,.3),var(--s3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.orbit-core svg{width:85%}.headline-ribbon{position:absolute;width:min(115%,1250px);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-7deg);padding:calc(var(--hs)*min(2svh,24px)) 24px;background:linear-gradient(92deg,rgba(255,224,219,.9),rgba(255,244,231,.79),rgba(250,196,191,.93));border:1px solid rgba(255,245,232,.85);box-shadow:var(--s3),inset 0 0 25px rgba(255,244,234,.36);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);clip-path:polygon(0 9%,100% 0,99% 90%,1% 100%)}.ribbon-inner{text-align:center;transform:rotate(7deg);padding:calc(var(--hs)*min(1.5svh,18px)) 8px}.hero-overline,.eyebrow{display:block;letter-spacing:.2em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.hero h1{font-size:calc(var(--hs)*clamp(32px,min(8vw,11svh),150px));letter-spacing:-.07em;line-height:1.04;display:flex;gap:.18em;justify-content:center;flex-wrap:wrap}.hero h1 span{animation:arrive .7s both;filter:blur(0)}.hero h1 span:nth-child(2){animation-delay:.16s}.gradient-word{color:var(--accent);background:linear-gradient(100deg,#8f4c35,#d07748,#9d3849,#d07748);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:arrive .7s .16s both,gradient-flow 10s linear infinite!important}.hero .ribbon-inner p{font-size:calc(var(--hs)*clamp(16px,min(2vw,2.6svh),26px));margin:calc(var(--hs)*min(1.5svh,16px)) auto 0;max-width:44ch;line-height:1.4}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;position:relative;z-index:2}.btn{min-height:48px;padding:14px 28px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-weight:600;font-size:.925rem;border-radius:0;border:1px solid var(--primary);box-shadow:5px 5px 0 var(--primary);transition:transform .2s var(--ease),box-shadow .2s var(--ease);text-align:center}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--paper)}.section{padding:clamp(64px,10vw,128px) 0;position:relative}.about{background:#f9d4d6}.section-intro{max-width:850px}.section-intro h2{max-width:800px;margin:24px 0 32px}.section-intro p{font-size:1.15rem;max-width:75ch;color:var(--muted)}em{font-weight:400;color:var(--accent)}.fact-strip{margin-top:48px;display:flex;flex-wrap:wrap;gap:0;background:linear-gradient(135deg,#ffe6dd,#f5bdbd);border:1px solid var(--hair);border-radius:12px;box-shadow:var(--s1)}.fact-strip>div{padding:24px 32px;flex:1 1 180px;border-right:1px solid var(--hair);display:flex;flex-direction:column}.fact-strip>div:nth-child(2){flex:1.5 1 230px}.fact-strip strong{font:500 2rem 'Bodoni Moda',serif}.fact-strip span{font-size:.875rem}.wave{height:70px;background:#f9d4d6;margin-bottom:-1px}.wave svg{width:100%;height:100%;fill:#edafb4}.features{background:#edafb4}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:48px}.section-heading h2{max-width:730px;margin-top:20px}.section-heading>p{max-width:385px;color:var(--muted);font-size:1.05rem}.features-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px;align-items:stretch}.folder{position:relative;background:linear-gradient(145deg,#ffebdc,#fbd4d1);padding:32px;border:1px solid var(--hair);border-radius:12px;box-shadow:var(--s1);margin-top:18px;transition:transform .2s var(--ease)}.folder:hover{transform:translateY(-4px)}.folder::before{content:'';position:absolute;left:24px;top:-17px;width:115px;height:18px;border-radius:8px 8px 0 0;background:#e8a07f;border:1px solid var(--hair);border-bottom:0}.folder-wide{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#ad6250,#6c3b36);color:#fff1e8}.folder-wide::before{background:#a55c49}.folder-tab{font-size:.8125rem;letter-spacing:.15em;opacity:.85}.tile-icon{margin:32px 0 24px;width:60px;height:60px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(130deg,#edb680,#c77858);color:#633728}.tile-icon svg{width:30px;height:30px}.folder-wide .tile-icon{background:linear-gradient(135deg,#ffd3a0,#e49c7c)}.folder h3{margin-bottom:16px}.folder p{margin:0;color:inherit;opacity:.85}.steps-section{background:#f8c8c8}.path{width:100%;height:90px;color:var(--accent)}.path svg{width:100%;height:100%}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.steps article{padding:24px;border-left:1px solid var(--accent)}.steps b{display:inline-block;font:500 2.4rem 'Bodoni Moda',serif;color:var(--accent);margin-bottom:20px}.steps h3{margin-bottom:16px}.steps p{color:var(--muted)}.trust-section{background:linear-gradient(135deg,#804b42,#693a38);color:#fff1e7;overflow:clip}.trust-section h2{max-width:900px;margin:20px 0 24px}.trust-section em{color:#fbc39b}.trust-section>div>p{max-width:700px;font-size:1.1rem}.promise-ribbon{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:32px 48px;background:linear-gradient(98deg,#f7b4a9,#f9d0ae);color:var(--ink);transform:rotate(-1.3deg);margin:48px 0;border:1px solid rgba(255,235,213,.8);box-shadow:var(--s2);font-weight:600}.text-link{text-decoration:underline;text-underline-offset:6px;font-weight:600}.final-section{background:#f4c4c5}.cta-pill{display:flex;align-items:center;justify-content:space-between;gap:48px;border-radius:120px;background:linear-gradient(120deg,#ffe4d7,#ffcfbb);padding:64px 96px;border:1px solid rgba(101,61,41,.17);box-shadow:var(--s2)}.cta-pill h2{margin:16px 0 24px;max-width:730px}.cta-pill p{max-width:60ch}.cta-actions{display:flex;flex-direction:column;gap:24px;flex:none}.footer{background:#e6abb3;padding:64px 0 32px}.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer p{margin:0;font-size:.875rem}.footer-links{display:flex;gap:12px;align-items:center;font-size:.875rem}.back-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;background:var(--primary);color:#fff;border:1px solid #ffe6d1;border-radius:12px;box-shadow:var(--s2);cursor:pointer;z-index:12;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s var(--ease)}.back-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.privacy-page{background:#f4c6cc}.privacy-main{padding:80px 20px 96px}.privacy-wrap{max-width:760px;margin:auto}.privacy-title{display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--primary);padding-bottom:24px;margin-bottom:24px}.privacy-title h1{font-size:clamp(2.25rem,5.5vw,5.5rem)}.privacy-title span{font-weight:600;letter-spacing:.09em;text-align:right}.policy-source{font-size:1rem}.policy-original-title{font-weight:600}.policy-line{line-height:1.75;margin:0 0 12px}.policy-break{height:12px}.policy-content>.policy-line{margin-bottom:12px}.policy-band{position:relative;margin:32px 0;padding:32px;background:linear-gradient(140deg,#ffe0d8,#f8c4c6);border:1px solid var(--hair);border-radius:12px;box-shadow:var(--s1)}.policy-band:nth-of-type(even){background:linear-gradient(140deg,#f2baba,#ffe2d2)}.policy-band .side-label{position:absolute;left:-36px;top:32px;letter-spacing:.12em;font-size:.875rem;font-weight:600;writing-mode:vertical-rl;transform:rotate(180deg);color:var(--muted)}.policy-band h2{font-size:1.65rem;margin:0 0 24px}.policy-band h3{font-size:1.3rem;margin:24px 0 12px}.policy-bullet{padding-left:24px;text-indent:-12px}.policy-band .policy-break{height:12px}@keyframes arrive{from{opacity:0;transform:translateY(16px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes gradient-flow{to{background-position:300% 0}}
@media(min-width:768px){.container{width:min(100% - 64px,1360px)}}@media(min-width:1024px){.container{width:min(100% - 96px,1360px)}}@media(max-width:1023px){.features-grid{grid-template-columns:1fr 1fr}.folder-wide{grid-row:auto;grid-column:span 2}.cta-pill{border-radius:56px;padding:48px;flex-direction:column;align-items:start}.cta-actions{flex-direction:row;flex-wrap:wrap}}@media(max-width:767px){.dock{height:64px;top:12px}.scroll-progress{top:74px}.hero h1{letter-spacing:-.06em}.section-heading{display:block}.section-heading>p{margin-top:24px}.steps{grid-template-columns:1fr 1fr}.path{display:none}.features-grid{gap:24px}.folder{padding:24px}.promise-ribbon{padding:24px;gap:16px}.privacy-main{padding:72px 20px 64px}.policy-band .side-label{position:static;writing-mode:initial;transform:none;display:block;margin-bottom:8px}.policy-band{padding:24px}}@media(max-width:480px){.brand{gap:8px}.brand-name{font-size:.95rem}.brand img{width:34px;height:34px}.dock{padding:8px 10px}.nav-button{padding:8px 10px;font-size:.8125rem;gap:4px;min-height:44px}.hero-composition{height:calc(var(--hs)*min(49svh,500px))}.headline-ribbon{width:113%;padding:10px 12px}.hero h1{flex-direction:column;gap:0}.ribbon-inner{padding:8px 0}.hero .ribbon-inner p{max-width:28ch}.hero-actions{gap:12px}.hero-actions .btn{padding:10px 12px;min-height:44px;font-size:.875rem}.features-grid{grid-template-columns:1fr}.folder-wide{grid-column:auto}.steps{grid-template-columns:1fr;gap:8px}.fact-strip>div{flex:1 1 46%;padding:16px}.cta-pill{padding:32px 24px;border-radius:32px}.cta-actions{flex-direction:column;width:100%}.promise-ribbon{flex-direction:column}.privacy-title h1{font-size:2rem}.privacy-title span{font-size:.875rem}}@media(max-height:600px){.hero-composition{height:calc(var(--hs)*36svh)}.hero-content{flex-direction:row;gap:calc(var(--hs)*2svh)}.hero-composition{flex:1}.hero-actions{max-width:38%;flex-direction:column}.hero-actions .btn{padding:10px 12px}.hero h1{font-size:calc(var(--hs)*clamp(30px,min(5vw,10svh),72px))}.hero .ribbon-inner p{font-size:calc(var(--hs)*clamp(16px,2svh,22px))}}@media(max-height:420px){.orbit-stage{display:none}.hero-composition{height:auto}.hero-actions{max-width:42%}.headline-ribbon{position:relative;top:auto;left:auto;transform:rotate(-4deg);width:100%}.ribbon-inner{transform:rotate(4deg)}}.hero--compact .hero-actions .btn-secondary{display:none}.hero--compact .planet-c{display:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* Fixed navigation: the rounded dock remains visible while either page scrolls. */
.dock.container{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(calc(100% - 40px),1360px);margin:0;z-index:100}
.hero{grid-template-rows:104px minmax(0,1fr)}
.hero .dock{grid-row:auto}
.hero-content{grid-row:2}
.privacy-main{padding-top:136px}
.scroll-progress{z-index:101;top:94px}
@media(min-width:768px){.dock.container{width:min(calc(100% - 64px),1360px)}}
@media(min-width:1024px){.dock.container{width:min(calc(100% - 96px),1360px)}}
@media(max-width:767px){.dock.container{top:12px;width:calc(100% - 40px)}.hero{grid-template-rows:88px minmax(0,1fr)}.privacy-main{padding-top:112px}.scroll-progress{top:80px}}
/* Responsive hero correction: keep ribbon and orbital art inside the viewport. */
.hero,.hero-content,.hero-composition{min-width:0}
.hero-composition{width:100%;max-width:100%;}
.orbit-stage{width:min(100%,760px);height:100%;aspect-ratio:auto;max-width:100%;min-width:0;}
.headline-ribbon{width:min(100%,1200px);max-width:100%;}
.ribbon-inner{max-width:100%;min-width:0;}
.hero h1{min-width:0;max-width:100%;}
.hero h1 span{max-width:100%;}
.hero .ribbon-inner p{max-width:min(44ch,100%);}
.hero-actions{width:100%;max-width:100%;}
@media(max-width:767px){
 .hero-content{width:calc(100% - 40px);gap:clamp(12px,2.5svh,24px);}
 .hero-composition{height:calc(var(--hs)*min(44svh,390px));min-height:0;}
 .orbit-stage{width:100%;height:100%;}
 .headline-ribbon{width:100%;left:50%;padding:12px 12px;transform:translate(-50%,-50%) rotate(-3deg);clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);}
 .ribbon-inner{transform:rotate(3deg);padding:8px 4px;}
 .hero h1{font-size:calc(var(--hs)*clamp(28px,min(9vw,6.8svh),58px));letter-spacing:-.055em;line-height:1.07;}
 .hero-overline{font-size:clamp(12px,3.1vw,15px);letter-spacing:.13em;}
 .hero .ribbon-inner p{font-size:calc(var(--hs)*clamp(15px,min(4vw,2.3svh),19px));line-height:1.35;margin-top:8px;}
 .hero-actions{flex-direction:column;align-items:center;gap:12px;}
 .hero-actions .btn{width:min(100%,320px);white-space:normal;}
 .orbit-core{width:38%;}
}
@media(max-width:480px){
 .hero h1{flex-direction:column;gap:0;}
 .hero-composition{height:calc(var(--hs)*min(42svh,360px));}
 .hero .ribbon-inner p{max-width:26ch;}
 .hero--compact .hero-composition{height:calc(var(--hs)*min(38svh,300px));}
 .dock.container{width:calc(100% - 24px);padding-inline:8px;}
 .brand-name{font-size:.88rem;}
 .brand{gap:6px;}
 .nav-button{font-size:.8125rem;padding:8px 9px;}
}
@media(max-height:600px) and (min-width:600px){
 .hero-content{flex-direction:row;justify-content:center;align-items:center;gap:20px;}
 .hero-composition{flex:1 1 auto;min-width:0;width:auto;height:calc(var(--hs)*min(36svh,300px));}
 .hero-actions{flex:0 1 32%;max-width:32%;width:auto;flex-direction:column;}
 .hero h1{font-size:calc(var(--hs)*clamp(26px,min(4.8vw,8svh),66px));}
 .headline-ribbon{width:100%;}
}
@media(max-height:420px){
 .hero-composition{height:auto;}
 .headline-ribbon{position:relative;top:auto;left:auto;transform:rotate(-2deg);width:100%;}
 .ribbon-inner{transform:rotate(2deg);}
}