:root{--paper:#f6f1e6;--paper-2:#efe8da;--ink:#1b1b1f;--ink-2:#45454d;--ink-3:#62626a;--line:#1b1b1f24;--accent:#24466b;--accent-2:#1a3552;--accent-soft:#24466b12;--script:serif;--serif:"Cormorant Garamond", var(--script), Georgia, serif;--sans:Inter, var(--script), system-ui, sans-serif;--wrap:1200px;--gutter:clamp(16px, 4vw, 40px);--badge-h:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html:not([data-v=b]) .vb,html[data-v=b] .va{display:none!important}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:400 17px / 1.6 var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:50;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .40 0 0 0 0 .36 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}img{max-width:100%;display:block}a{color:var(--accent);text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-weight:500}p{margin:0}.top{max-width:var(--wrap);padding:18px var(--gutter) 14px;z-index:20;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex;position:relative}.top:after{content:"";inset-inline:var(--gutter);border-bottom:1px solid var(--line);position:absolute;bottom:0}.brand{font:500 32px / 1 var(--serif);color:var(--ink);letter-spacing:0;text-decoration:none}.nav{align-items:center;gap:clamp(12px,3vw,28px);font-size:15px;display:flex}.nav>a{color:var(--ink);text-decoration:none}.nav>a:hover{color:var(--accent)}.lang{position:relative}.lang summary{cursor:pointer;border-radius:10px;align-items:center;gap:6px;min-height:44px;padding:8px 10px;font-weight:500;list-style:none;display:flex}.lang summary::-webkit-details-marker{display:none}.lang summary:after{content:"";border-inline-end:1.5px solid;border-bottom:1.5px solid;width:6px;height:6px;margin-inline-start:2px;transform:translateY(-2px)rotate(45deg)}.lang summary:hover,.lang[open] summary{background:var(--accent-soft)}.lang svg{fill:none;stroke:currentColor;stroke-width:1.5px}.lang ul{inset-inline-end:0;width:min(360px, calc(100vw - 2 * var(--gutter)));border:1px solid var(--line);background:#fbf8f1;border-radius:14px;grid-template-columns:1fr 1fr;gap:2px;max-height:min(70vh,520px);margin:0;padding:8px;list-style:none;display:grid;position:absolute;top:calc(100% + 6px);overflow:auto;box-shadow:0 18px 50px -20px #1b1b1f59}.lang li a{color:var(--ink);border-radius:8px;padding:9px 12px;font-size:15px;text-decoration:none;display:block}.lang li a:hover{background:var(--accent-soft)}.lang li a[aria-current]{color:var(--accent);font-weight:600}.actions{flex-wrap:wrap;align-items:center;gap:14px 16px;display:flex}.play{border-radius:10px;transition:transform .2s,box-shadow .2s;display:inline-block}.play img{height:var(--badge-h);width:auto}.play:hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px #1b1b1f8c}.btn{background:var(--accent);color:#fff;min-height:48px;font:500 16px / 1.2 var(--sans);border-radius:12px;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.btn:hover{background:var(--accent-2)}.btn.ghost{min-height:var(--badge-h);color:var(--accent);border:1.5px solid var(--accent);background:0 0}.btn.ghost:hover{background:var(--accent-soft)}.resume{width:min(calc(100% - 2 * var(--gutter)), calc(var(--wrap) - 2 * var(--gutter)));padding:14px 16px;background:var(--accent-soft);border:1px solid #24466b59;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin:18px auto 0;padding-inline-start:20px;animation:.6s cubic-bezier(.2,.7,.2,1) both rise;display:flex}.resume[hidden]{display:none}.resume strong{font:600 22px / 1.2 var(--serif);margin-inline-end:8px}.resume p{color:var(--ink-2)}.hero{max-width:var(--wrap);padding:clamp(24px, 5vw, 64px) var(--gutter) clamp(32px, 6vw, 80px);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(16px,4vw,48px);min-height:min(660px,100svh - 90px);margin:0 auto;display:grid}.hero-text>*{animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.hero-text>:nth-child(2){animation-delay:.12s}.hero-text>:nth-child(3){animation-delay:.24s}.hero-text>:nth-child(4){animation-delay:.36s}.hero h1{text-wrap:balance;margin-bottom:26px;font-size:clamp(44px,6.6vw,94px);line-height:1.02}.lead{color:var(--ink-2);text-wrap:pretty;max-width:34em;margin-bottom:32px;font-size:clamp(17px,1.6vw,20px)}.note{color:var(--ink-3);margin-top:18px;font-size:14px}.hero-art{align-self:stretch;min-height:360px;position:relative}html[data-v=b] .hero-art{min-height:620px}.how{max-width:var(--wrap);padding:clamp(40px, 7vw, 88px) var(--gutter);margin:0 auto;position:relative}.how:before{content:"";inset-inline:var(--gutter);border-top:1px solid var(--line);position:absolute;top:0}.how h2{text-align:center;margin-bottom:clamp(28px,4vw,48px);font-size:clamp(34px,4.4vw,52px)}.steps{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.steps h3{margin:18px 0 8px;font-size:25px;line-height:1.15}.steps p{color:var(--ink-2);font-size:15.5px}.vig{aspect-ratio:1;mix-blend-mode:multiply;background:url(/landing/step-1.webp) 50%/contain no-repeat;width:132px;margin:0 auto;display:block}.steps li:nth-child(2) .vig{background-image:url(/landing/step-2.webp)}.steps li:nth-child(3) .vig{background-image:url(/landing/step-3.webp)}.steps li:nth-child(4) .vig{background-image:url(/landing/step-4.webp)}.num{font:500 24px / 1 var(--serif);color:var(--accent);font-variant-numeric:lining-nums;display:none}.rule{text-align:center;font:italic 500 clamp(20px, 2vw, 24px) / 1.4 var(--serif);color:var(--ink-2);margin-top:clamp(28px,4vw,44px)}.final{max-width:760px;padding:clamp(48px, 8vw, 104px) var(--gutter);text-align:center;justify-items:center;gap:16px;margin:0 auto;display:grid}.final:before{content:"";background:var(--ink);opacity:.5;width:56px;height:1px;margin-bottom:16px}.final h2{font-size:clamp(38px,5vw,60px);line-height:1.05}.final p{color:var(--ink-2);margin-bottom:12px}.final .play img{height:62px}.foot{max-width:var(--wrap);padding:26px var(--gutter) 40px;color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin:0 auto;font-size:14px;display:flex;position:relative}.foot:before{content:"";inset-inline:var(--gutter);border-top:1px solid var(--line);position:absolute;top:0}.foot nav{gap:10px;display:flex}.foot nav a{color:var(--ink-2);text-decoration:none}.foot nav a:hover{color:var(--accent);text-decoration:underline}.lotus{top:50%;width:calc(100% + var(--gutter));aspect-ratio:1200/994;mix-blend-mode:multiply;background:url(/landing/lotus.webp) 50%/100% no-repeat;max-width:720px;animation:1.6s .2s both fade;position:absolute;inset-inline-start:0;translate:0 -50%;-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000);mask-image:linear-gradient(90deg,#000 82%,#0000)}[dir=rtl] .lotus{transform:scaleX(-1)}.ripple{aspect-ratio:5;opacity:0;border:1px solid #24466b73;border-radius:50%;width:62%;animation:7s ease-out 1.4s infinite ripple;position:absolute;top:56.5%;left:51%;translate:-50% -50%}.ripple.r2{animation-delay:4.9s}.inside{max-width:var(--wrap);padding:clamp(40px, 7vw, 88px) var(--gutter);text-align:center;background:radial-gradient(60% 55% at 50% 60%,#1b1b1f0d,#0000 70%);margin:0 auto}.inside h2{margin-bottom:clamp(28px,4vw,48px);font-size:clamp(34px,4.4vw,52px)}.shots{justify-content:center;gap:clamp(20px,6vw,80px);display:flex}.shots figure{justify-items:center;gap:18px;margin:0;display:grid}.shots figure:first-child .phone{rotate:-3deg}.shots figure:last-child .phone{rotate:3deg}.shots figcaption{font:italic 500 21px / 1.3 var(--serif);color:var(--ink-2)}.phones{place-items:center;display:grid;position:absolute;inset:0}.phones:before{content:"";mix-blend-mode:multiply;opacity:.5;background:url(/landing/wash.webp) 50%/contain no-repeat;animation:1.6s both fade;position:absolute;inset:0}.phone{aspect-ratio:540/1170;background:var(--paper);border:9px solid #17171b;border-radius:34px;width:clamp(170px,20vw,262px);margin:0;overflow:hidden;box-shadow:inset 0 2px 0 1px #2b2b31,0 30px 60px -28px #1b1b1f8c,0 12px 22px -12px #1b1b1f59}.phone img{object-fit:cover;width:100%;height:100%}.phones .phone{animation:1s cubic-bezier(.2,.7,.2,1) both rise;position:absolute}.phones .back{animation-delay:.15s;translate:-34% -2%;rotate:-7deg}.phones .front{animation:1s cubic-bezier(.2,.7,.2,1) .3s both rise,7s ease-in-out 1.4s infinite float;translate:30% 5%;rotate:4deg}[dir=rtl] .phones .back{translate:34% -2%;rotate:7deg}[dir=rtl] .phones .front{translate:-30% 5%;rotate:-4deg}html[data-v=b] .how h2{text-align:start}html[data-v=b] .steps li .vig{display:none}html[data-v=b] .num{display:block}html[data-v=b] .steps{text-align:start;gap:0}html[data-v=b] .steps li{border-inline-start:1px solid var(--line);padding-inline:24px}html[data-v=b] .steps li:first-child{border-inline-start:0;padding-inline-start:0}html[data-v=b] .steps h3{margin-top:12px}html[data-v=b] .rule{text-align:start}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes ripple{0%{opacity:0;scale:.55}15%{opacity:.7}to{opacity:0;scale:1.5}}@keyframes float{50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.ripple{display:none}}@media (width<=900px){.hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:12px}.hero-art{aspect-ratio:3/2;min-height:0;margin-inline:calc(-1 * var(--gutter));order:-1}html[data-v=b] .hero-art{aspect-ratio:1;order:0;min-height:0;max-height:520px}.phones{overflow-clip-margin:8px;overflow:clip}html:not([data-v=b]) .hero-art{aspect-ratio:1200/994;width:min(100%,560px);max-height:none;margin-inline:auto}.lotus{width:100%;top:0;translate:none}.steps{grid-template-columns:1fr 1fr;row-gap:36px}html[data-v=b] .steps li:nth-child(3){border-inline-start:0;padding-inline-start:0}}@media (width<=600px){body{font-size:16px}.top{padding-top:12px}.brand{font-size:28px}.actions .play,.actions .btn{width:100%}.actions .play img{margin:0 auto}.hero h1{margin-bottom:18px}.lead{margin-bottom:24px}.steps{text-align:start;grid-template-columns:minmax(0,1fr);gap:0}.steps li{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr);align-items:center;column-gap:16px;padding:14px 0;display:grid}.steps li>:not(.vig,.num){grid-column:2}.vig{grid-row:1/span 2;width:72px}.steps h3{margin:0 0 4px;font-size:23px}html[data-v=b] .steps li,html[data-v=b] .steps li:first-child,html[data-v=b] .steps li:nth-child(3){border-inline-start:0;grid-template-columns:44px minmax(0,1fr);padding-inline:0}html[data-v=b] .num{grid-row:1/span 2;align-self:start;padding-top:4px}.rule{text-align:start}.shots{gap:14px}.shots .phone{border-width:6px;border-radius:24px;width:min(44vw,200px)}.shots figcaption{font-size:18px}.foot{text-align:center;flex-direction:column;align-items:center}}