:root{--bg:#f5f2eb;--surface:#eae8df;--ink:#282c25;--muted:#686d60;--line:#d6d9ce;--olive:#4b4f3b;--coral:#e5a087;--sage:#cbd6bc;--h:Manrope,sans-serif;--b:"DM Sans",sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 var(--b);-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}button,input{font:inherit}.wrap{max-width:1450px;margin:auto;padding:0 5%}header{position:absolute;top:0;left:0;right:0;z-index:10}.bar{display:flex;align-items:center;gap:22px;height:105px}.brand{display:flex;gap:20px;align-items:center;text-decoration:none}.brand img{width:110px}.brand>span{font-size:9px;letter-spacing:.2em;border-left:1px solid #69715b55;padding-left:20px}.sp{flex:1}.nav-link{font-size:12px;text-decoration:none}.lang{display:flex;gap:3px}.lang button{background:transparent;border:0;font-size:10px;padding:8px;color:var(--muted);cursor:pointer}.lang button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:52px;padding:15px 25px;border:1px solid transparent;border-radius:99px;font:400 14px var(--b);text-decoration:none;cursor:pointer;transition:transform .35s var(--ease),background .3s,box-shadow .3s}.btn:hover{transform:translateY(-4px);box-shadow:0 8px 20px #28301f19}.btn>span:last-child{font-size:20px;line-height:1}.btn-p{background:var(--olive);color:#fffdf7}.btn-p:hover{background:#343c2e}.btn-g{background:#ffffff55;border-color:#69715b55;color:var(--ink)}.btn-s{font-size:11px;padding:10px 18px;min-height:42px}
.playground{min-height:860px;height:100svh;max-height:1100px;position:relative;overflow:hidden;background:#d7deca;padding:0;display:flex;flex-direction:column;justify-content:center;transition:background 1s var(--ease);isolation:isolate}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#737e5e12 1px,transparent 1px),linear-gradient(90deg,#737e5e12 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);z-index:-1}.hero-orbit{position:absolute;border:1px solid #7c8b6230;width:800px;height:800px;border-radius:50%;right:-130px;top:8%;z-index:-1;transform:rotate(-20deg) scaleX(.9)}.orbit-two{width:1050px;height:1050px;right:-260px;top:-7%}.hero-copy{width:100%;position:relative;z-index:3;pointer-events:none;padding-top:30px}.hero-copy a{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:.17em;display:flex;align-items:center;gap:10px;font-weight:500}.live-dot,.status-dot{height:6px;width:6px;background:#4b4f3b;border-radius:50%;display:inline-block}.live-dot{box-shadow:0 0 0 5px #4b4f3b11}.hero-copy h1{font:400 clamp(52px,6.4vw,94px)/1.03 var(--h);letter-spacing:-.065em;margin:27px 0;max-width:760px}em{font-style:normal;color:var(--olive)}.hero-copy h1 em{font-weight:300}.hero-lede{font-size:15px;line-height:1.8;max-width:450px;margin:0 0 27px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.price-link{font-size:10px;text-decoration:none;border-bottom:1px solid #65725266;padding-bottom:3px}.product-stage{position:absolute;width:53%;height:70%;right:0;top:15%;z-index:2;perspective:1000px;--px:0deg;--py:0deg;transform:translateY(var(--scroll-y,0px))}.stage-halo{position:absolute;inset:10%;border-radius:50%;background:#f5f5df75;filter:blur(40px)}.stage-coordinate{position:absolute;top:4%;right:14%;font-size:8px;letter-spacing:.15em;writing-mode:vertical-rl}.main-product{position:absolute;inset:10% 4% 15%;transform:rotateX(var(--py)) rotateY(var(--px));transition:transform .5s var(--ease);animation:product-float 7s ease-in-out infinite}.main-product img{width:100%;height:100%;object-fit:contain;transform:rotate(-17deg);filter:drop-shadow(22px 35px 18px #3e4b2b2a)}.floating-note{position:absolute;background:#f9f8eea8;border:1px solid #ffffffaa;backdrop-filter:blur(16px);border-radius:16px;padding:15px 20px;font-size:12px;box-shadow:0 15px 30px #3d4b2510;animation:note-float 8s ease-in-out infinite}.note-top{top:5%;left:12%;transform:rotate(-8deg)}.note-top>span{color:#ac604b;margin-right:12px;font-size:28px;vertical-align:middle}.note-bottom{bottom:4%;right:11%;transform:rotate(7deg);animation-delay:-4s;display:flex;align-items:center;gap:28px;font-size:11px}.note-bottom>span{font-size:32px;color:var(--olive)}.glass-note{position:absolute;bottom:23%;left:7%;background:#f9f8eed9;border:1px solid #fff;backdrop-filter:blur(20px);padding:12px 18px;border-radius:99px;display:flex;gap:11px;align-items:center;font-size:10px;box-shadow:0 10px 30px #3d4b2510}.note-file{font-size:8px;color:#6d775f;border-left:1px solid #b8c1aa;padding-left:15px}.hero-bottom{position:absolute;bottom:73px;left:0;right:0;display:flex;align-items:center;gap:24px;z-index:4}.explore-label{font-size:8px;letter-spacing:.12em;max-width:100px}.shape-picker{display:flex;gap:8px}.shape-picker button{border:1px solid #ffffffaa;background:#ffffff38;border-radius:12px;padding:7px 12px;min-width:85px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;transition:transform .4s var(--ease),background .4s,border-color .4s}.shape-picker button:hover{transform:translateY(-6px);background:#fff9}.shape-picker button[aria-pressed=true]{background:#f7f6ed;border-color:#647153;box-shadow:0 7px 14px #42553116}.shape-picker img{width:60px;height:35px;object-fit:contain}#motion-toggle{margin-left:auto;background:none;border:0;border-bottom:1px solid #68765b55;cursor:pointer;font-size:9px;padding:9px 0;display:flex;gap:12px}.scroll-cue{position:absolute;bottom:23px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-size:8px;letter-spacing:.14em;border-top:1px solid #7d8b6633;padding-top:12px}.scroll-cue>span{font-size:18px}.ticker{overflow:hidden;background:var(--olive);color:#f7f3e8;padding:18px 0;font:400 22px var(--h);letter-spacing:-.03em}.ticker>div{white-space:nowrap;width:max-content;animation:marquee 35s linear infinite}.ticker i{font-style:normal;color:#e5a087;margin:0 45px}
h2{font:400 clamp(33px,4vw,58px)/1.12 var(--h);letter-spacing:-.05em;margin:0}section{padding:90px 0}.kicker{font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:23px;color:var(--olive)}.sub{max-width:640px;font-size:14px;color:var(--muted);margin:23px 0 35px}.next-section{background:var(--bg);padding:76px 0}.next-section .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:0 65px}.next-section .kicker{grid-column:1}.next-section h2{grid-column:1;font-size:42px}.next-section .sub{grid-column:1;margin-bottom:0;font-size:13px;max-width:430px}.soon{grid-column:2;grid-row:1/4;display:flex;flex-wrap:wrap;gap:9px;align-content:start;perspective:800px}.soon .card{background:#eaece1;border:1px solid #d9dfce;border-radius:14px;padding:17px 18px;transition:transform .4s var(--ease),background .4s}.soon .card:nth-child(2n){background:#ede0d6}.soon .card:nth-child(3n){background:#dedfcc}.soon .card:hover{transform:translateY(-7px) rotate(-3deg);background:#d4dfc0}.soon .card b{display:block;font:400 16px var(--h);margin-top:8px}.tag{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.notify{grid-column:2;display:flex;gap:8px;margin-top:20px}.notify input[type=email]{min-width:0;flex:1;background:#fffdf7;border:1px solid var(--line);border-radius:99px;padding:13px 18px;font:13px var(--b)}.notify .btn{font-size:11px;padding:12px 20px;min-height:46px}.hp{position:absolute;left:-9999px;width:1px;height:1px}.msg{grid-column:2;min-height:1.4em;font-size:12px;color:var(--muted);margin:9px 0 0}
.make-story{padding:0;background:#e7e9df;position:relative;border-radius:38px 38px 0 0}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.story-copy{padding-top:80px}.story-step{min-height:78vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:65px 0}.step-number{font-size:9px;letter-spacing:.15em;margin-bottom:30px;color:var(--muted)}.story-step h2{font-size:clamp(40px,4vw,62px)}.story-step p{font-size:14px;max-width:380px;color:var(--muted);margin:25px 0}.story-visual{position:sticky;top:12vh;height:76vh;align-self:start;padding-top:50px}.story-panel{height:100%;max-height:680px;border-radius:30px;position:relative;overflow:hidden;background:#ced8bd;transition:background 1s var(--ease),border-radius 1s var(--ease);box-shadow:0 25px 50px #4b4f3b0d}.panel-top,.panel-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;z-index:2}.panel-top{top:25px}.panel-bottom{bottom:25px}.story-ring{position:absolute;width:95%;height:66%;border-radius:50%;border:1px solid #ffffffaa;top:17%;left:3%;transform:rotate(-28deg);transition:transform 1.2s var(--ease)}.story-object{position:absolute;width:83%;height:77%;object-fit:contain;left:9%;top:9%;transform:rotate(-12deg) scale(.86);filter:drop-shadow(16px 23px 13px #40432e2c);transition:transform 1.3s var(--ease)}.story-chip{position:absolute;background:#f9f9f0dd;backdrop-filter:blur(12px);border:1px solid #fff;border-radius:12px;padding:13px 17px;font-size:12px;display:flex;gap:25px;transition:transform .8s var(--ease),opacity .8s}.chip-one{left:7%;top:29%}.chip-two{right:7%;top:57%;transform:translateX(150%);opacity:0}.chip-three{left:12%;bottom:15%;transform:translateY(200%);opacity:0}.story-panel[data-phase="1"]{background:#e3c4b0;border-radius:90px 25px 90px 25px}.story-panel[data-phase="1"] .story-object{transform:rotate(9deg) scale(1)}.story-panel[data-phase="1"] .story-ring{transform:rotate(20deg) scale(1.2)}.story-panel[data-phase="1"] .chip-one{transform:translateX(-150%);opacity:0}.story-panel[data-phase="1"] .chip-two{transform:translateX(0);opacity:1}.story-panel[data-phase="2"]{background:#bfc7ae}.story-panel[data-phase="2"] .story-object{transform:rotate(-4deg) scale(.85) translateY(-7%)}.story-panel[data-phase="2"] .chip-one{opacity:0;transform:translateY(-70px)}.story-panel[data-phase="2"] .chip-three{opacity:1;transform:translateY(0)}.phase-dots{display:flex;gap:5px}.phase-dots i{width:5px;height:5px;border-radius:50%;background:#4b4f3b30}.story-panel[data-phase="0"] .phase-dots i:nth-child(1),.story-panel[data-phase="1"] .phase-dots i:nth-child(2),.story-panel[data-phase="2"] .phase-dots i:nth-child(3){background:var(--olive)}
.pricing-section{background:#f4e4d8;border-radius:38px 38px 0 0}table{width:100%;border-collapse:collapse;font-size:14px;margin-top:35px}th,td{padding:17px 15px;text-align:left;border-bottom:1px solid #d9c9bb}th{font-weight:500}td:not(:first-child),th:not(:first-child){text-align:center;width:20%}.yes{color:var(--olive);font-weight:500}.no{color:#a79e90}.pricebox{display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--olive);color:var(--bg);border-radius:25px;padding:35px;margin-top:30px}.pricebox .p{font:300 65px var(--h);letter-spacing:-.05em}.pricebox small{font:400 13px var(--b);letter-spacing:0;margin-left:15px}.pricebox>div>div:last-child{font-size:12px;margin-top:9px}.pricebox .btn{background:#f4f0e8;color:var(--ink)}.feat{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin-top:40px}.feat .card{border-top:1px solid var(--line);padding:30px 0}.feat b{display:block;font:400 24px var(--h);letter-spacing:-.035em;margin-bottom:15px}.feat p{font-size:14px;color:var(--muted)}details{padding:24px 0;border-bottom:1px solid var(--line)}summary{font:400 18px var(--h);cursor:pointer}details p{font-size:14px;color:var(--muted);max-width:750px;margin:16px 0 0}footer{background:var(--olive);color:var(--bg);font-size:11px;padding:35px 0}footer .wrap{display:flex;justify-content:space-between;gap:25px}.js-motion .reveal{opacity:0;transform:translateY(50px);transition:opacity 1s var(--ease),transform 1.2s var(--ease)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #9b523e;outline-offset:5px}[data-l]{display:none}html[lang=en] [data-l=en],html[lang=es] [data-l=es]{display:revert}
@keyframes product-float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -19px;rotate:2deg}}@keyframes note-float{0%,100%{translate:0 0}50%{translate:0 12px}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes intro-in{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.hero-copy>*{animation:intro-in 1.2s var(--ease) both}.hero-copy h1{animation-delay:.1s}.hero-lede{animation-delay:.2s}.hero-actions{animation-delay:.3s}.motion-paused *{animation-play-state:paused!important}.motion-paused .main-product{transform:none!important}.motion-paused .product-stage{transform:none}.motion-paused .reveal{transition:none}
@media(max-width:1050px){.playground{min-height:800px}.hero-copy h1{font-size:68px}.hero-lede{max-width:350px}.product-stage{width:53%;right:-4%}.hero-bottom{gap:15px}.explore-label{max-width:75px}.note-top{left:10%}.note-bottom{right:15%}.glass-note{left:0}.next-section .wrap{gap:0 35px}.notify{flex-wrap:wrap}.notify input[type=email]{flex-basis:160px}.story-layout{gap:6%}.shape-picker button{min-width:75px}}
@media(max-width:700px){.bar{height:85px;gap:10px}.brand img{width:90px}.brand{gap:12px}.brand>span{font-size:8px;padding-left:12px}.nav-link,.bar>.btn{display:none}.playground{height:auto;min-height:1080px;max-height:none;justify-content:flex-start;padding-top:115px}.hero-copy{padding-top:0}.hero-copy h1{font-size:clamp(49px,11.6vw,76px);margin:23px 0}.hero-lede{font-size:13px;max-width:310px;margin-bottom:20px}.hero-actions{gap:12px}.price-link{font-size:9px}.btn{min-height:48px;padding:13px 22px;font-size:12px}.product-stage{width:100%;height:410px;top:460px;right:0}.main-product{inset:5% 5% 12%}.stage-coordinate{right:7%;top:5%}.note-top{top:0;left:8%;font-size:10px;padding:9px 14px}.note-top>span{font-size:22px}.note-bottom{bottom:2%;right:7%;font-size:9px;padding:10px 14px}.glass-note{bottom:19%;left:6%;font-size:9px;padding:10px 13px}.hero-orbit{width:550px;height:550px;top:39%;right:-90px}.orbit-two{width:690px;height:690px;right:-170px;top:33%}.hero-bottom{bottom:80px;display:flex;flex-wrap:wrap;gap:10px}.explore-label{max-width:none;width:100%;font-size:7px}.shape-picker{gap:6px;flex:1}.shape-picker button{min-width:0;flex:1;font-size:8px;padding:6px 9px}.shape-picker img{width:49px;height:30px}#motion-toggle{position:absolute;bottom:-29px;right:5%;font-size:8px;padding:3px 0}.scroll-cue{bottom:15px;font-size:7px}.ticker{font-size:18px;padding:14px 0}.ticker i{margin:0 25px}.next-section{padding:55px 0}.next-section .wrap{display:block}.next-section h2{font-size:37px}.next-section .sub{margin-bottom:25px}.soon{gap:7px}.soon .card{padding:12px 14px}.soon .card b{font-size:13px}.notify{flex-wrap:nowrap}.notify input[type=email]{flex:1;width:50%;font-size:12px}.notify .btn{font-size:10px;white-space:nowrap;padding:10px 14px}.story-layout{display:flex;flex-direction:column;gap:0}.story-copy{padding-top:45px}.story-step{min-height:0;padding:32px 0}.story-step h2{font-size:38px}.story-step p{font-size:13px;margin:18px 0}.step-number{margin-bottom:17px}.story-visual{position:relative;top:auto;height:480px;padding:0;width:100%;margin:0 0 40px}.story-panel{border-radius:25px;max-height:none}.story-step{opacity:.5;transition:opacity .5s}.story-step.is-active{opacity:1}.make-story{border-radius:25px 25px 0 0}.story-object{height:80%;top:5%}.story-chip{font-size:11px;padding:10px 14px}.pricing-section{border-radius:25px 25px 0 0}section{padding:55px 0}h2{font-size:36px}.sub{font-size:13px}th,td{font-size:11px;padding:13px 6px}td:not(:first-child),th:not(:first-child){width:19%}.pricebox{display:block;padding:25px}.pricebox .p{font-size:57px}.pricebox small{display:block;margin:8px 0;font-size:12px}.pricebox .btn{margin-top:25px;width:100%}.feat{grid-template-columns:1fr;gap:0}.feat b{font-size:23px}summary{font-size:16px}footer .wrap{display:grid;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.product-stage{transform:none!important}.main-product{transform:none!important}.story-step{opacity:1}}
/* Keep translated note text separate from the decorative symbols. */
.note-top>span{font-size:12px;margin-right:0;color:inherit;vertical-align:baseline}.note-top>span:first-child{color:#ac604b;margin-right:12px;font-size:28px;vertical-align:middle}.note-bottom>span{font-size:11px;color:inherit}.note-bottom>span:last-child{font-size:32px;color:var(--olive)}.offscreen .main-product,.offscreen .floating-note{animation-play-state:paused}.brand img{mix-blend-mode:multiply}
@media(min-width:701px){.playground{min-height:720px}}
@media(max-width:700px){.note-top>span{font-size:10px}.note-top>span:first-child{font-size:22px}.note-bottom>span{font-size:9px}.note-bottom>span:last-child{font-size:28px}}
.playground{overflow:clip}.hero-copy{margin:0 auto;transform:translateY(-25px)}
@media(max-width:700px){.hero-copy{transform:none}}
.btn>span{font-size:inherit;line-height:inherit}.hero-actions .btn>span:last-child{font-size:20px;line-height:1}.scroll-cue>span{font-size:inherit}.scroll-cue>span:last-child{font-size:18px}
.motion-paused *{transition:none!important}
@media(max-width:700px){.story-visual{order:-1;position:sticky;top:12px;height:320px;z-index:2;margin:25px 0 0;flex-shrink:0}.story-step{min-height:65vh;padding:40px 0}.story-copy .eyebrow{margin-top:30px}.story-chip{padding:9px 12px}.panel-top,.panel-bottom{left:18px;right:18px}.panel-top{top:17px}.panel-bottom{bottom:17px}}
/* Refined palette, uniform arrowheads, and the three-stage object story. */
.playground{background:#efdfd6}.hero-grid{background-image:linear-gradient(#99796510 1px,transparent 1px),linear-gradient(90deg,#99796510 1px,transparent 1px)}.stage-halo{background:#fff8ec75}
.btn{gap:14px}.btn:after{content:"";width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);flex:0 0 7px;margin-left:8px}.btn:hover:after{translate:2px 0}
.story-blank{position:absolute;width:83%;height:77%;object-fit:contain;left:9%;top:9%;transform:rotate(-12deg) scale(.86);filter:drop-shadow(16px 23px 13px #40432e2c);transition:opacity 1s var(--ease),transform 1.3s var(--ease);z-index:1}.story-object{opacity:0;transition:opacity 1s var(--ease),transform 1.3s var(--ease)}.story-lifestyle{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity 1.2s var(--ease),transform 1.5s var(--ease)}.story-panel[data-phase="1"] .story-blank{opacity:0;transform:rotate(9deg) scale(1)}.story-panel[data-phase="1"] .story-object{opacity:1}.story-panel[data-phase="2"] .story-blank,.story-panel[data-phase="2"] .story-object,.story-panel[data-phase="2"] .story-ring{opacity:0}.story-panel[data-phase="2"] .story-lifestyle{opacity:1;transform:scale(1)}.story-panel[data-phase="2"] .panel-top,.story-panel[data-phase="2"] .panel-bottom{background:#f8f5eeeb;padding:9px 12px;border-radius:8px}.story-chip{z-index:3}.panel-top,.panel-bottom{z-index:4}
@media(max-width:700px){.story-blank{height:80%;top:5%}.story-lifestyle{object-position:center 57%}.soon .card b{max-width:165px}.notify .btn{gap:4px;padding-left:13px;padding-right:13px}.notify .btn:after{margin-left:3px}}
.hero-actions .btn>span:last-child{font-size:inherit;line-height:inherit}