:root{color-scheme:light;--paper:#f5f8f7;--ink:#0c2f36;--ink-2:#3d5a60;--ink-3:#4d676c;--mineral:#136f79;--line:#0c2f3624;--line-2:#0c2f3642;--display:"Archivo Variable", "Archivo", "Helvetica Neue", Arial, sans-serif;--body:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;--header-h:72px}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit}img{max-width:100%}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--mineral);outline-offset:3px}.label{font:600 11.5px/1.2 var(--display);letter-spacing:.16em;text-transform:uppercase;font-stretch:125%}.skip{z-index:100;background:var(--ink);color:#fff;border-radius:0 0 10px;padding:.6em 1em;font-weight:600;position:absolute;top:0;left:-999px}.skip:focus{left:0}html{scroll-padding-top:88px}#tools{scroll-margin-top:0}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}.hero{height:200svh;position:relative}.stage{background:#e4f3f3;height:100svh;position:sticky;top:0;overflow:hidden}.stage canvas{touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.gl-off .hero-foot,html:not(.js) .hero-foot{display:none}.gl-off .hero,html:not(.js) .hero{height:100svh}.gl-off .sheet,html:not(.js) .sheet{margin-top:0}.gl-off .stage,html:not(.js) .stage{background:radial-gradient(120% 90% at 70% 20%,#ffffffbf,#fff0 60%),linear-gradient(#e9f6f6,#d6eef0)}.release-strip{z-index:3;top:calc(var(--header-h) + env(safe-area-inset-top,0px) + 6px);pointer-events:none;max-width:1320px;margin-inline:auto;padding-inline:clamp(16px,3.4vw,40px);position:absolute;left:0;right:0}.release-strip>*{pointer-events:auto}html:not(.js) .release-strip{top:16px}html:not(.js) .hero-copy{padding-top:clamp(84px,12vh,132px)}.hero-copy{pointer-events:none;padding:calc(var(--header-h) + env(safe-area-inset-top,0px) + clamp(28px, 8vh, 96px)) clamp(16px, 5vw, 72px) 40px;will-change:opacity, transform;flex-direction:column;justify-content:center;max-width:1320px;margin-inline:auto;display:flex;position:absolute;inset:0}.hero-copy>*{pointer-events:auto}.hero-eyebrow{color:var(--ink);opacity:.82;margin:0 0 clamp(18px,3vh,30px)}.hero-title{font-family:var(--display);letter-spacing:-.035em;max-width:7em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(52px,8.9vw,156px);font-weight:640;font-stretch:125%;line-height:.9}.gl-on .hero-title{color:#0000;-webkit-text-fill-color:transparent}.hero-title .w{display:inline-block}.hero-sub{font:500 clamp(18px, 1.45vw, 21px)/1.5 var(--body);max-width:34ch;color:var(--ink);text-wrap:pretty;margin:clamp(22px,3.6vh,36px) 0 0}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:clamp(22px,3.4vh,34px);display:flex}.btn{height:48px;font:600 15px/1 var(--body);border-radius:999px;align-items:center;gap:10px;padding:0 22px;text-decoration:none;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex}.btn-solid{background:var(--ink);color:#f5f8f7}.btn-solid:hover{background:#134651}.btn-ghost{color:var(--ink);-webkit-backdrop-filter:blur(6px);background:#ffffff47;border:1px solid #0c2f3666}.btn-ghost:hover{background:#ffffff9e}.hero-foot{padding:0 clamp(16px, 5vw, 72px) calc(22px + env(safe-area-inset-bottom,0px));pointer-events:none;will-change:opacity;justify-content:space-between;align-items:end;max-width:1320px;margin-inline:auto;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-foot .label{color:var(--ink);opacity:.86;letter-spacing:.18em}.foot-left{align-items:center;gap:16px;display:flex}.pause-btn{pointer-events:auto;appearance:none;cursor:pointer;color:var(--ink);background:#ffffff6b;border:1px solid #0c2f3657;border-radius:999px;padding:9px 13px;font-size:10.5px;opacity:1!important}.pause-btn:hover{background:#ffffffbf}.hint-touch{display:none}@media (hover:none){.hint-mouse{display:none}.hint-touch{display:inline}}.scroll-cue{align-items:center;gap:12px;display:inline-flex}.scroll-cue i{background:linear-gradient(var(--ink), transparent);opacity:.7;width:1px;height:34px;display:block}.sheet{z-index:2;background:var(--paper);margin-top:-100svh;position:relative;box-shadow:0 -30px 60px -40px #0c2f3659}.sheet:before{content:"";background:linear-gradient(90deg,#0000,#136f7973,#0000);height:1px;position:absolute;top:0;left:0;right:0}.wrap{max-width:1320px;margin-inline:auto;padding-inline:clamp(16px,5vw,72px)}section.block{padding-block:clamp(64px,11vw,140px) 0}.block-head{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:24px 48px;margin-bottom:clamp(32px,5vw,56px);display:grid}.block-head h2{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:12px 0 0;font-size:clamp(34px,4.4vw,64px);font-weight:600;font-stretch:112%;line-height:.98}.block-head p{color:var(--ink-2);max-width:46ch;margin:0;font-size:18px}.eyebrow{color:var(--mineral)}.doors{border-top:1px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.door{border-right:1px solid var(--line);isolation:isolate;flex-direction:column;gap:14px;min-height:330px;padding:26px 26px 28px;text-decoration:none;display:flex;position:relative}.door:last-child{border-right:0}.door:before{content:"";z-index:-1;opacity:0;background:linear-gradient(#cfe9e800,#cfe9e8e6);transition:opacity .45s;position:absolute;inset:0}.door:hover:before,.door:focus-within:before{opacity:1}.door .label{color:var(--ink-3)}.door h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(26px,2.35vw,34px);font-weight:600;font-stretch:112%;line-height:1.02}.door p{color:var(--ink-2);max-width:26ch;margin:0}.door .go{flex-wrap:wrap;gap:8px 18px;margin-top:auto;display:flex}.door .go a{border-bottom:1px solid var(--line-2);padding-bottom:3px;font-size:15px;font-weight:600;text-decoration:none}.door .go a:hover{border-color:var(--ink)}a.door-main{z-index:0;position:absolute;inset:0}.door>:not(.door-main){z-index:1;pointer-events:none;position:relative}.door .go{pointer-events:auto}.tools{background:linear-gradient(#e3f0ef,#eef5f4);margin-top:clamp(64px,10vw,128px)}.tools .wrap{grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,44px);padding-block:clamp(44px,6vw,80px);display:grid}.tools .intro{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:16px 48px;display:grid}.tools h2{font-family:var(--display);letter-spacing:-.025em;margin:12px 0 0;font-size:clamp(30px,3vw,44px);font-weight:600;font-stretch:112%;line-height:1}.tools .intro p{color:var(--ink-2);max-width:38ch;margin:0}.tool-list{border-left:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.tool-list li{border-right:1px solid var(--line)}.tool-list a{flex-direction:column;gap:10px;height:100%;padding:8px 24px 10px;text-decoration:none;display:flex}.tool-list .label{color:var(--mineral);font-size:10.5px}.tool-list strong{font:600 19px/1.15 var(--display);letter-spacing:-.01em;font-stretch:108%}.tool-list span.d{color:var(--ink-2);font-size:15px;line-height:1.45}.tool-list a:hover strong{text-underline-offset:4px;text-decoration:underline 1px}.guides{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:40px 56px;display:grid}.feature{min-height:460px;color:var(--ink);isolation:isolate;background:#d9ebea;border-radius:2px;text-decoration:none;display:block;position:relative;overflow:hidden}.feature .still{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.feature-body{background:linear-gradient(#f5f8f700,#f5f8f7eb 34%);padding:28px 30px 30px;position:absolute;bottom:0;left:0;right:0}.feature h3{font-family:var(--display);letter-spacing:-.025em;max-width:16ch;margin:10px 0 12px;font-size:clamp(28px,2.8vw,40px);font-weight:600;font-stretch:112%;line-height:1}.feature p{color:var(--ink-2);max-width:44ch;margin:0}.feature .more{border-bottom:1px solid var(--ink);margin-top:16px;padding-bottom:2px;font-weight:600;display:inline-block}.guide-list{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.guide-list li{border-bottom:1px solid var(--line)}.guide-list a{grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;padding:22px 0;text-decoration:none;display:grid}.guide-list strong{font:600 21px/1.2 var(--display);letter-spacing:-.012em;font-stretch:106%}.guide-list span.d{color:var(--ink-2);grid-column:1;font-size:16px}.guide-list .arr{border:1px solid var(--line-2);border-radius:999px;grid-area:1/2/span 2;align-self:center;place-items:center;width:34px;height:34px;transition:background-color .25s,color .25s;display:grid}.guide-list a:hover .arr{background:var(--ink);color:#f5f8f7;border-color:var(--ink)}.models{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:32px 56px;display:grid}.models .lede{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;max-width:24ch;margin:14px 0 26px;font-size:clamp(24px,2.3vw,32px);font-weight:500;font-stretch:108%;line-height:1.22}.models .actions{flex-wrap:wrap;gap:10px;display:flex}.btn-line{border:1px solid var(--ink);color:var(--ink)}.btn-line:hover{background:var(--ink);color:#f5f8f7}.makers{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.makers li{border-bottom:1px solid var(--line)}.makers a{justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;text-decoration:none;display:flex}.makers strong{font:600 clamp(26px, 2.8vw, 40px)/1.05 var(--display);letter-spacing:-.03em;font-stretch:125%;transition:color .25s,transform .35s}.makers span{color:var(--ink-3);font-size:14px}.makers a:hover strong{color:var(--mineral);transform:translate(6px)}.research{border-top:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.research a{flex-direction:column;gap:12px;padding:26px 28px 30px 0;text-decoration:none;display:flex}.research a+a{border-left:1px solid var(--line);padding-left:28px}.research h3{font:600 clamp(22px, 2vw, 28px)/1.08 var(--display);letter-spacing:-.02em;margin:0;font-stretch:110%}.research p{color:var(--ink-2);max-width:36ch;margin:0}.research .meta{color:var(--mineral);margin-top:auto;padding-top:10px}.research a:hover h3{text-underline-offset:5px;text-decoration:underline 1px}.editors{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:24px 48px;padding-block:clamp(64px,10vw,128px);display:grid}.editors blockquote{font-family:var(--display);letter-spacing:-.015em;text-wrap:pretty;max-width:34ch;margin:0;font-size:clamp(24px,2.6vw,38px);font-weight:450;font-stretch:104%;line-height:1.25}.editors .by{flex-wrap:wrap;gap:10px 24px;margin-top:26px;font-weight:600;display:flex}.editors .by a{border-bottom:1px solid var(--line-2);padding-bottom:2px;text-decoration:none}@media (width<=1180px){.tool-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}}@media (width<=760px){.tools .intro{grid-template-columns:minmax(0,1fr)}}@media (width<=960px){:root{--header-h:64px}.doors{grid-template-columns:repeat(2,minmax(0,1fr))}.door:nth-child(2){border-right:0}.door:nth-child(-n+2){border-bottom:1px solid var(--line)}.block-head,.guides,.models,.editors,.research{grid-template-columns:minmax(0,1fr)}.research a,.research a+a{border-left:0;border-bottom:1px solid var(--line);padding:22px 0}.feature{min-height:380px}}@media (width<=560px){.hero-copy{padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px) + 12vh);justify-content:flex-start}.hero-title{max-width:4.9em;font-size:clamp(46px,14.2vw,64px)}.hero-sub{font-size:18px}.btn{height:46px;padding:0 18px;font-size:14.5px}.doors{grid-template-columns:minmax(0,1fr)}.door{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:22px 0 24px}.door .go{margin-top:6px}.tool-list{border-left:0;grid-template-columns:minmax(0,1fr)}.tool-list li{border-right:0;border-bottom:1px solid var(--line)}.tool-list a{padding:16px 0}.hero-foot .scroll-cue span{display:none}}@media (prefers-reduced-motion:reduce){.hero{height:100svh}.hero-foot{display:none}.sheet{margin-top:0}.door:before,.makers strong{transition:none}}@media print{.hero,.stage{background:0 0;height:auto;position:static}.stage canvas,.hero-foot,.release-strip,.hero-actions,.feature .still{display:none}.hero-copy{padding:0 0 24px;position:static}.gl-on .hero-title{color:var(--ink);-webkit-text-fill-color:var(--ink)}.sheet{box-shadow:none;margin-top:0}}.owner-cta{flex-wrap:wrap;gap:12px;margin:0;display:flex}