:root{--bg:#09090f;--surface:#111118;--text:#f1f0f7;--muted:#92909f;--line:rgba(231,226,255,.13);--violet:#b6a1ff;--ease:cubic-bezier(.16,1,.3,1);--sans:'DM Sans','Noto Sans KR',sans-serif;--mono:'IBM Plex Mono',monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:24px;height:24px;flex-shrink:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #c9b7ff;outline-offset:6px}::selection{background:#baa1ff;color:#09090f}p,h1,h2,h3{margin:0}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.mono{font-family:var(--mono);font-size:.75rem;letter-spacing:.05em}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;padding:14px 24px;background:white;color:black}.skip-link:focus{top:20px}.reading-progress{height:2px;background:linear-gradient(90deg,#6e72ff,#cb9cfa,#fcae7c);position:fixed;top:0;left:0;z-index:100;width:0}
.site-header{height:94px;position:absolute;top:0;left:0;right:0;padding:0 5.5%;display:flex;align-items:center;gap:48px;z-index:50;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.875rem;letter-spacing:-.07em;font-weight:800;white-space:nowrap}.brand svg{width:32px;height:32px;color:#dbccff}.brand-period{color:var(--violet)}.site-header>nav{display:flex;gap:34px;margin-left:36px;font-size:.875rem;color:#a6a4b0}.site-header>nav a{transition:color .25s}.site-header>nav a:hover{color:#fff}.header-actions{margin-left:auto;display:flex;gap:26px;align-items:center}.motion-toggle{background:none;border:0;display:flex;align-items:center;gap:9px;font-size:.75rem;color:#b2afbf;padding:10px 0}.motion-icon{font-size:1.5rem;animation:spin 12s linear infinite}.nav-cta{font-size:.875rem;padding:12px 20px;border:1px solid #47404f;border-radius:8px;transition:background .25s,border-color .25s}.nav-cta:hover{background:#24202c;border-color:#a494ba}.menu-toggle,.mobile-menu{display:none}
.hero{min-height:850px;height:min(950px,100svh);position:relative;isolation:isolate;padding:182px 7.5% 128px;overflow:hidden;background:radial-gradient(ellipse at 79% 56%,rgba(61,24,85,.18),transparent 44%),var(--bg)}#ambient-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.7}.hero-grid{position:absolute;inset:94px 0 0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}.hero-copy{position:relative;width:52%;z-index:3}.eyebrow{font-family:var(--mono);font-size:.75rem;letter-spacing:.15em;display:flex;gap:10px;align-items:center;color:#bbb2cf}.tiny-star{color:#d7c5ff;font-size:1.1rem}h1{font-size:clamp(6rem,10.5vw,10rem);font-weight:550;line-height:.94;letter-spacing:-.075em;margin:27px 0 25px}.gradient-text{background:linear-gradient(110deg,#e5dcff 3%,#b49bf4 40%,#f0b8c6 74%,#ffc491 97%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-tagline{font-size:1.75rem;line-height:1.48;font-weight:600;letter-spacing:-.045em}.hero-description{font-size:1rem;line-height:1.85;color:#a5a1b2;margin-top:19px;letter-spacing:-.025em}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:33px}.button{padding:17px 24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.875rem;font-weight:650;border:0;transition:transform .25s,box-shadow .25s}.button svg{width:19px;height:19px}.button-light{background:#e8def9;color:#191320;box-shadow:0 0 30px #b99bed16}.button-light:hover{transform:translateY(-3px);box-shadow:0 6px 35px #b99bed35;background:#f4ecff}.text-link{font-size:.875rem;color:#ccc7d8;display:inline-flex;gap:24px;align-items:center;padding:12px 0}.text-link span{font-size:1.25rem;color:#d8ccff}.text-link:hover{color:white}.hero-visual{position:absolute;width:56%;right:0;top:120px;height:650px;z-index:1}.visual-aura{position:absolute;inset:14% 5%;filter:blur(60px);background:radial-gradient(ellipse,rgba(108,42,140,.16),rgba(44,55,204,.09) 50%,transparent 68%)}.hero-art{position:absolute;inset:-7% -8% -8%;display:grid;place-items:center;will-change:transform;transition:transform 1s var(--ease)}.hero-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;animation:float 9s ease-in-out infinite;filter:saturate(1.08);user-select:none;pointer-events:none}.art-fallback{display:flex;gap:-15px;font-size:clamp(10rem,25vw,27rem);font-weight:700;letter-spacing:-.12em;color:#c6a8ff;opacity:.3;transform:rotate(-18deg);text-shadow:0 0 100px #924cfe}.art-fallback span:nth-child(2){color:#faaa83}.orbit-label{position:absolute;font-size:.75rem;letter-spacing:.1em;font-family:var(--mono);color:#aaa0ba;display:flex;align-items:center;gap:14px;z-index:2}.orbit-label-top{top:6%;right:13%}.label-rule{width:42px;height:1px;background:#806e97}.orbit-label-bottom{bottom:17%;left:10%}.orbit-cross{font-size:1.375rem;color:#c8b4e5}.visual-caption{position:absolute;bottom:5%;left:15%;right:12%;padding-top:18px;border-top:1px solid #a688c429;display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;color:#8e839e}.visual-caption span:last-child{font-family:var(--sans);letter-spacing:0}.hero-bottom{position:absolute;bottom:34px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;color:#777080}.hero-bottom .mono{font-size:.75rem}.scroll-cue{display:flex;align-items:center;gap:11px;font-family:var(--mono);font-size:.75rem;letter-spacing:.07em;color:#aaa0ba}.scroll-track{display:block;width:18px;height:27px;border:1px solid #66586f;border-radius:12px;padding-top:5px;text-align:center}.scroll-track i{display:block;width:3px;height:6px;background:#c5aedc;border-radius:5px;margin:auto;animation:scroll-dot 2s infinite}
.ticker{position:relative;overflow:hidden;background:#15111d;border-top:1px solid #382945;border-bottom:1px solid #382945;padding:21px 0;transform:rotate(-1.7deg);width:calc(100% + 10px);margin-left:-5px}.ticker-track{width:max-content;display:flex;align-items:center;gap:44px;animation:marquee 38s linear infinite;color:#d3c4e6;font-family:var(--mono);font-size:1rem;letter-spacing:.05em}.ticker-track i{font-family:var(--sans);font-style:normal;font-size:1.5rem;color:#a988ca}
.section-shell{width:min(1240px,85%);margin:0 auto}.about{padding-top:146px}.section-label{display:flex;gap:16px;align-items:center;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;color:#93909e}.section-label>span{color:#d0bbf8}.about-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:38px}h2{font-size:clamp(2.25rem,4.1vw,3.75rem);line-height:1.35;letter-spacing:-.065em;font-weight:550}.muted{color:#6e697c}.about-note{display:flex;gap:22px;align-items:flex-start;max-width:395px;padding-bottom:8px}.about-note .small-star{font-size:2.5rem;color:#cbb6ed;line-height:1}.about-note p{color:#aca5ba;font-size:1rem;line-height:1.9;letter-spacing:-.02em}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principle{padding:32px 28px 28px 0;position:relative}.principle+.principle{padding-left:32px;border-left:1px solid var(--line)}.principle-number{color:#8c819c;font-size:.75rem}.principle h3{font-size:1.5rem;font-weight:500;letter-spacing:-.04em;margin:23px 0 15px}.principle p{font-size:1rem;line-height:1.85;color:#9d97aa;max-width:305px}.principle-foot{display:block;font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:#766b83;margin-top:30px}.possibilities{padding-top:150px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:32px 0 50px;gap:30px}.section-heading>p{font-size:1rem;line-height:1.9;color:#a69dae;padding-bottom:6px}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.capability{border:1px solid #332d3e;border-radius:12px;text-align:left;min-width:0;background:#15121d;padding:26px;position:relative;overflow:hidden;isolation:isolate;transition:transform .4s var(--ease),border-color .4s,box-shadow .4s}.capability:hover{transform:translateY(-8px);border-color:#9781b9;box-shadow:0 16px 40px #0007}.capability-top{display:flex;justify-content:space-between;align-items:center;color:#c9b5e8}.capability-top svg{width:26px;height:26px}.capability-top .mono{font-size:.75rem;color:#a294b6}.capability-copy h3{font-size:1.625rem;font-weight:500;letter-spacing:-.05em}.capability-copy p{font-size:.875rem;margin-top:12px;color:#b0a4c1}.card-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff12;margin-top:27px;padding-top:20px;font-size:.75rem;color:#c2b3d4}.card-action b{font-size:1.5rem;font-weight:400;color:#e6d3ff;line-height:1}.capability-code{background:radial-gradient(ellipse at 90% 40%,#2f244659,transparent 70%),#14111d}.code-art{margin:48px 0 40px;font-family:var(--mono);font-size:clamp(.8rem,1.5vw,1.25rem);line-height:1.9;color:#6b5b83;position:relative;min-height:111px}.code-art span{display:block}.code-art i{font-style:normal;color:#bca0dd}.code-art .code-indent{padding-left:16px;color:#c8bfd9;font-size:.85em}.code-art b{color:#e6a5bb;font-weight:400}.code-art .code-parentheses{display:inline;color:#e4c199}.code-caret{position:absolute;left:0;bottom:0;width:8px;height:17px;background:#b6a1ff;animation:blink 1.4s step-end infinite}.capability-think{background:radial-gradient(ellipse at 60% 30%,#18274388,transparent 65%),#111621;border-color:#293140}.capability-think .capability-top{color:#a2c4f1}.thought-diagram{height:141px;margin:26px 0 32px;display:flex;justify-content:center;align-items:center;position:relative}.thought-diagram span{height:77px;width:77px;border:1px solid #7192c46b;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:.75rem;color:#a6bee0;background:#1d2a3d55;z-index:2;box-shadow:inset 0 0 26px #83aaf208}.thought-diagram span+span{margin-left:-10px}.thought-diagram span:nth-child(2){width:91px;height:91px;border-color:#9ec2ff9c;color:#cee0ff;box-shadow:0 0 40px #88adf420;z-index:3}.thought-diagram i{position:absolute;top:50%;height:1px;width:100%;background:linear-gradient(90deg,transparent,#81a7df,transparent)}.capability-create{background:radial-gradient(ellipse at 20% 40%,#5829326b,transparent 72%),#211319;border-color:#452a35}.capability-create .capability-top{color:#edb6c1}.type-art{margin:24px 0 26px;height:149px;position:relative;font-family:var(--sans)}.type-art>span{font-size:3.5rem;line-height:.91;font-weight:550;letter-spacing:-.075em;color:#ebbed1;display:block}.type-art>span:nth-child(2){font-size:4.625rem;font-style:italic;color:#f8d1c4}.type-asterisk{font-style:normal;color:#c88da7;display:inline-block;margin-left:27px;font-size:4.375rem;vertical-align:middle;animation:spin 25s linear infinite}.type-art small{position:absolute;bottom:0;font-family:var(--mono);font-size:.75rem;color:#996b7b;letter-spacing:.06em}
.studio{padding-top:156px}.studio-shell{display:grid;grid-template-columns:265px minmax(0,1fr);border:1px solid #39313e;border-radius:14px;overflow:hidden;background:#100f17;box-shadow:0 0 100px #bc7dfe05}.studio-sidebar{background:linear-gradient(160deg,#191520,#14111a);border-right:1px solid var(--line);padding:29px 20px;display:flex;flex-direction:column}.studio-wordmark{display:flex;gap:9px;align-items:center;font-family:var(--mono);font-size:.75rem;letter-spacing:.03em;padding:0 8px}.studio-wordmark svg{color:#d0b8f4;width:22px;height:22px}.studio-wordmark small{margin-left:auto;color:#6f617f;font-size:.75rem}.scenario-tabs{display:grid;gap:9px;margin-top:35px}.scenario-tabs button{background:none;border:1px solid transparent;padding:15px 12px;text-align:left;display:flex;align-items:center;gap:12px;border-radius:7px;font-size:.875rem;color:#9d91ab;transition:background .3s}.scenario-tabs button svg{width:19px;height:19px}.scenario-tabs button>span{margin-left:auto;font-family:var(--mono);font-size:.75rem;color:#726183}.scenario-tabs button[aria-selected=true]{background:#302439;border-color:#7252834d;color:#e6d1f9}.scenario-tabs button:hover{background:#241c2d}.studio-sidebar-note{margin-top:auto;padding:80px 12px 4px}.studio-sidebar-note>span{font-size:1.25rem;color:#b091cd}.studio-sidebar-note p{font-size:.875rem;line-height:1.8;color:#8c7f97;margin-top:12px}.studio-panel{padding:29px 34px 22px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:31px}.panel-heading .mono{font-size:.75rem;color:#86778f}.example-badge{font-size:.75rem;border:1px solid #4b3f51;padding:4px 9px;border-radius:5px;color:#b4a0c0;white-space:nowrap}.user-prompt{display:flex;gap:16px;align-items:flex-start}.avatar{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.user-avatar{font-family:var(--mono);font-size:.75rem;letter-spacing:.03em;background:#26222f;color:#c9bcda}.user-prompt>p{padding:13px 17px;background:#201b2b;border:1px solid #342b42;border-radius:0 10px 10px;font-size:.875rem;line-height:1.7;color:#d8cce5;max-width:92%}.sol-response{display:flex;gap:16px;margin-top:29px}.sol-avatar{border:1px solid #59416f;background:#2b1b38;color:#dfc4fc}.sol-avatar svg{width:22px;height:22px}.response-content{flex:1;min-width:0}.response-author{display:flex;gap:12px;align-items:center;height:35px}.response-author b{font-size:.875rem;font-weight:650}.response-author>span{font-size:.75rem;color:#96879f}.response-content>p{font-size:.875rem;line-height:1.85;color:#b5a9bf;margin-top:7px}.response-steps{display:grid;gap:11px;margin-top:19px}.response-steps>div{display:flex;gap:9px;align-items:flex-start;font-size:.875rem;color:#c3b5d0;line-height:1.65}.response-steps svg{width:17px;height:17px;color:#b294d4;margin-top:2px}.artifact-preview{border:1px solid #42314e;border-radius:8px;margin-top:24px;overflow:hidden}.artifact-topline{height:35px;background:#221a2b;display:flex;align-items:center;gap:15px;padding:0 13px;color:#ad97c1;font-family:var(--mono);font-size:.75rem}.artifact-dots{display:flex;gap:4px}.artifact-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#66516f}.artifact-topline>svg{width:14px;height:14px;margin-left:auto}.artifact-body{background:#e6e3df;color:#27262a;min-height:180px}.mini-portfolio{padding:23px 28px;background:radial-gradient(ellipse at 100% 100%,#cab9fa88,transparent 65%),#ece9e5}.mini-portfolio>span{font-family:var(--mono);font-size:.75rem;letter-spacing:.05em;color:#797277}.mini-portfolio strong{display:block;font-size:2.5rem;line-height:1.05;font-weight:550;letter-spacing:-.07em;margin:16px 0}.mini-portfolio strong i{font-weight:450;color:#836196}.mini-work{display:flex;gap:25px;border-top:1px solid #887d9630;padding-top:14px;font-family:var(--mono);font-size:.75rem;color:#6b616e}.response-tools{display:flex;justify-content:space-between;margin-top:20px}.response-tools button{display:flex;gap:8px;align-items:center;border:0;background:none;padding:5px 0;color:#9c89ad;font-size:.75rem}.response-tools button:hover{color:#ead4ff}.response-tools svg{width:14px;height:14px}.response-tools button>span[aria-hidden]{font-size:1rem}.demo-disclosure{font-size:.75rem;color:#84758d;margin-top:26px;text-align:right;line-height:1.7}.plan-artifact{background:#f1eee7;padding:22px 25px}.plan-artifact>span{font-family:var(--mono);font-size:.75rem;color:#776879}.plan-artifact h4{font-size:1.1875rem;margin:12px 0 18px;font-weight:600;letter-spacing:-.03em}.plan-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.plan-phases>div{padding:10px;background:#ddd4e0;border-radius:5px;min-width:0}.plan-phases b{display:block;font-family:var(--mono);font-size:.75rem;color:#7d6588}.plan-phases p{font-size:.75rem;margin-top:9px;color:#524556;line-height:1.6}.story-artifact{padding:27px;background:#e9ddce}.story-artifact>span{font-family:var(--mono);font-size:.75rem;color:#8a7769}.story-artifact h4{font-family:serif;font-size:1.5rem;line-height:1.45;font-weight:500;margin:14px 0 12px;color:#4d383b}.story-artifact p{font-family:serif;font-size:.875rem;color:#806c68;line-height:1.75}.studio-panel.is-playing .response-steps>div{animation:step-in .45s var(--ease) both}.studio-panel.is-playing .response-steps>div:nth-child(2){animation-delay:.2s}.studio-panel.is-playing .response-steps>div:nth-child(3){animation-delay:.4s}.studio-panel.is-playing .artifact-preview{animation:step-in .7s .6s var(--ease) both}
.closing{padding-top:148px;padding-bottom:134px;position:relative;text-align:center;isolation:isolate;overflow:hidden}.closing:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#7a3b8e13,transparent 65%);z-index:-1}.closing-orb{font-size:4rem;line-height:1;color:#cbb1e1;animation:spin 30s linear infinite;margin:0 auto 27px;width:max-content}.closing .eyebrow{justify-content:center;font-size:.75rem;color:#897892}.closing h2{font-size:clamp(2.25rem,4.7vw,4.375rem);line-height:1.35;margin:25px 0}.closing-description{font-size:1rem;color:#a799b1;line-height:1.9}.closing-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:35px}.closing-watermark{font-size:clamp(3rem,10vw,8.75rem);font-weight:550;letter-spacing:-.06em;color:#b897d408;position:absolute;bottom:12px;left:0;right:0;pointer-events:none;white-space:nowrap}.site-footer{padding:30px 0 37px;border-top:1px solid var(--line);display:flex;align-items:center;gap:34px}.site-footer .brand{font-size:1.5rem}.site-footer .brand svg{width:25px;height:25px}.site-footer>p{font-size:.75rem;color:#8b7d95;line-height:1.75}.site-footer>a:not(.brand){margin-left:auto;font-size:.75rem;color:#a192af}.site-footer>.mono{font-size:.75rem;color:#776581}.toast{position:fixed;z-index:100;bottom:30px;left:50%;transform:translate(-50%,20px);background:#ece1fa;color:#2d1d38;padding:14px 22px;border-radius:8px;opacity:0;pointer-events:none;box-shadow:0 8px 40px #0009;font-size:.875rem;transition:opacity .3s,transform .3s;max-width:calc(100% - 36px);width:max-content;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;scroll-behavior:auto!important}.no-motion .hero-art{transform:none!important}.no-motion .reveal{opacity:1;transform:none;transition:none}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-18px) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scroll-dot{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(8px);opacity:1}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes blink{50%{opacity:0}}@keyframes step-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{padding-left:max(7.5%,calc((100% - 1240px)/2));height:950px}.hero-visual{right:4%;width:51%}.hero-copy{width:52%}}
@media(max-width:1100px){.hero{min-height:800px;padding-top:175px}.hero-visual{width:62%;right:-7%;top:142px;height:575px}.hero h1{font-size:7.25rem}.hero-copy{width:56%}.hero-tagline{font-size:1.5rem}.hero-actions{gap:20px}.orbit-label-bottom{left:22%}.visual-caption{left:26%}.about-heading{gap:30px}.about-note{max-width:320px;gap:14px}.about-note p{font-size:.875rem}.principle{padding-right:22px}.capability{padding:21px}.studio-shell{grid-template-columns:235px minmax(0,1fr)}.studio-panel{padding:25px}.site-footer{flex-wrap:wrap;gap:22px}.site-footer>.mono{width:100%;padding-left:0}}
@media(max-width:780px){.site-header{height:78px;padding:0 6%;gap:18px}.site-header>nav:not(.mobile-menu){display:none}.brand{font-size:1.625rem}.brand svg{width:27px;height:27px}.header-actions{gap:0}.nav-cta{display:none}.motion-toggle{font-size:.75rem}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:1px solid #59416b66;border-radius:7px;background:#15101c;padding:13px 11px}.menu-toggle span{width:17px;height:1px;background:#d7c5e7}.site-header .mobile-menu:not([hidden]){display:flex;position:absolute;top:77px;left:0;right:0;margin:0;background:#14101bef;backdrop-filter:blur(20px);padding:22px 6%;gap:30px;border-bottom:1px solid #50375c}.hero{padding:130px 7.5% 100px;height:auto;min-height:990px}.hero-copy{width:100%}.hero h1{font-size:clamp(5.875rem,15vw,8.5rem);margin:23px 0}.hero-tagline{font-size:1.4375rem}.hero-description{font-size:.875rem}.hero-actions{margin-top:27px;gap:22px}.button{padding:15px 20px;font-size:.875rem}.text-link{font-size:.875rem;gap:14px}.hero-visual{top:530px;width:90%;height:390px;right:1%}.hero-art{inset:-16% -4%}.orbit-label-top{top:0;right:2%;font-size:.75rem}.orbit-label-bottom{bottom:9%;left:6%;font-size:.75rem}.visual-caption{display:none}.hero-bottom{bottom:28px;left:7.5%;right:7.5%}.hero-bottom>.mono:first-child{display:none}.hero-bottom .mono{font-size:.75rem}.hero-grid{background-size:65px 65px;mask-image:linear-gradient(180deg,transparent 40%,#000 100%)}.section-shell{width:85%}.about{padding-top:100px}.about-heading{display:block;margin-top:25px}.about-note{margin-top:28px;max-width:none;gap:17px}.about-note p{font-size:.8755rem}.about-note .small-star{font-size:2rem}.section-label{font-size:.75rem;gap:12px}.principles{margin-top:39px;grid-template-columns:1fr}.principle,.principle+.principle{padding:27px 0;border-left:none}.principle+.principle{border-top:1px solid var(--line)}.principle h3{margin:15px 0 9px;font-size:1.4375rem}.principle p{max-width:none;font-size:1rem}.principle-foot{margin-top:17px}.possibilities,.studio{padding-top:97px}.section-heading{display:block;margin:25px 0 32px}.section-heading>p{margin-top:23px;font-size:.875rem}.capability-grid{grid-template-columns:1fr;gap:16px}.capability{padding:25px}.code-art{font-size:1.3125rem;margin:30px 0 34px;min-height:119px}.thought-diagram{margin:15px 0 26px;height:143px}.type-art{margin:14px 0 26px}.capability-copy h3{font-size:1.5625rem}.studio-shell{grid-template-columns:1fr}.studio-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:20px 18px}.studio-wordmark{padding:0 4px}.scenario-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:20px}.scenario-tabs button{padding:12px 5px;font-size:.75rem;gap:6px;justify-content:center}.scenario-tabs button>span{display:none}.scenario-tabs button svg{width:15px;height:15px}.studio-sidebar-note{display:none}.studio-panel{padding:22px 18px}.panel-heading .mono{font-size:.75rem}.panel-heading{margin-bottom:22px}.user-prompt,.sol-response{gap:10px}.avatar{width:28px;height:28px;border-radius:6px}.sol-avatar svg{width:18px;height:18px}.user-prompt>p{font-size:.875rem;padding:11px 13px}.response-content>p{font-size:.875rem}.response-author{height:28px}.response-author>span{font-size:.75rem}.response-steps>div{font-size:.75rem}.mini-portfolio{padding:20px}.mini-portfolio strong{font-size:2.25rem}.mini-work{gap:12px;font-size:.4375rem}.demo-disclosure{font-size:.75rem;text-align:left}.plan-artifact{padding:20px 15px}.plan-phases{gap:5px}.plan-phases>div{padding:9px 6px}.plan-phases p{font-size:.75rem}.closing{padding-top:98px;padding-bottom:100px}.closing h2{font-size:clamp(2rem,5.7vw,3rem)}.closing .eyebrow{font-size:.75rem;letter-spacing:.1em}.closing-actions{gap:20px;flex-direction:column}.closing-watermark{font-size:31rem;bottom:25px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:22px;padding-top:24px}.site-footer>.brand{grid-column:1}.site-footer>p{grid-column:1/-1;grid-row:2;font-size:.75rem}.site-footer>a:not(.brand){grid-column:2;grid-row:1}.site-footer>.mono{grid-column:1/-1;font-size:.75rem}}
@media(max-width:380px){.hero{padding-top:120px;min-height:930px}.hero h1{font-size:5.25rem}.hero-visual{top:540px;height:300px}.hero-actions{gap:15px}.hero-actions .button{padding:15px}.hero-actions .text-link{font-size:.75rem}.scenario-tabs button{font-size:.75rem}.scenario-tabs button svg{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}

/* Keep metadata legible and isolate only the artwork, not its black backdrop. */
[hidden]{display:none!important}.hero-art{inset:-4% -3% 0;mix-blend-mode:screen}.hero-art img{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:normal}.orbit-label,.visual-caption{font-size:.75rem}.orbit-label-bottom{bottom:14%}.visual-caption{bottom:1%;flex-wrap:wrap}.hero-description,.about-note p,.section-heading>p,.user-prompt>p,.response-content>p,.closing-description{font-size:1rem}.response-steps>div{font-size:.875rem}.scenario-tabs button,.response-tools button{font-size:.875rem}.mini-work{flex-wrap:wrap;gap:10px 20px;font-size:.75rem}.mini-portfolio>span,.artifact-topline,.plan-artifact>span,.plan-phases b,.story-artifact>span{font-size:.75rem}.plan-phases p{font-size:.875rem}.type-art small{font-size:.75rem}.hero-bottom .mono,.scroll-cue,.principle-foot,.site-footer>.mono{font-size:.75rem}.capability-top .mono{font-size:.75rem}.panel-heading .mono{font-size:.75rem}.mini-portfolio{min-height:215px}.no-motion .hero-art img{animation-play-state:paused!important}
@media(max-width:1100px){.orbit-label-top{right:6%}.visual-caption{left:15%;right:5%}}
@media(max-width:780px){.hero{min-height:1010px}.hero-visual{top:570px;height:355px;right:2%;width:92%}.hero-art{inset:-15% -5%}.orbit-label-top{font-size:.75rem;right:5%;top:-10px}.orbit-label-bottom{font-size:.75rem;bottom:-4%;left:5%;letter-spacing:0}.hero-version{display:none}.hero-description{font-size:1rem}.scenario-tabs button{font-size:.75rem;flex-direction:column;gap:8px;padding:12px 4px}.scenario-tabs button svg{display:block;width:18px;height:18px}.panel-heading{flex-wrap:wrap;gap:12px}.panel-heading .mono{font-size:.75rem}.response-author{gap:9px}.response-author>span{font-size:.75rem}.artifact-topline{gap:10px;flex-wrap:nowrap}.artifact-topline>svg{display:none}.mini-portfolio{padding:18px 16px}.mini-portfolio strong{font-size:2.25rem}.mini-work{font-size:.75rem;gap:8px}.response-tools button{font-size:.75rem}.plan-phases{grid-template-columns:1fr;gap:8px}.plan-phases>div{display:flex;align-items:center;gap:15px;padding:10px}.plan-phases b{white-space:nowrap}.plan-phases p{margin:0;font-size:.875rem}.story-artifact{padding:20px}.story-artifact p{font-size:1rem}.demo-disclosure{font-size:.75rem}.closing .eyebrow{font-size:.75rem;letter-spacing:0}.closing-description{font-size:1rem}.site-footer>p,.site-footer>a:not(.brand),.site-footer>.mono{font-size:.75rem}.type-art small{font-size:.75rem}}
@media(max-width:380px){.hero{min-height:1010px}.hero-visual{top:590px;height:310px}.hero-actions{flex-wrap:wrap}.scenario-tabs button{font-size:.75rem}}

/* Contain the tilted ticker and let mobile artwork follow the text in normal flow. */
.ticker-wrap{overflow:hidden;padding:24px 0;margin:-24px 0}.ticker{width:100%;margin-left:0}.hero-visual{mix-blend-mode:screen}.hero-art{mix-blend-mode:normal}
@media(max-width:780px){.hero{min-height:0;height:auto;padding-bottom:120px}.hero-visual{position:relative;top:auto;right:auto;width:calc(100% + 30px);height:370px;margin:70px -15px 0}.orbit-label-top{top:-23px;right:4%;font-size:.75rem}.orbit-label-bottom{bottom:-13px;left:5%;font-size:.75rem;max-width:90%;line-height:1.6}.hero-art{inset:-12% -5%}.hero-bottom{bottom:30px}.hero-actions{flex-wrap:wrap}.hero-version{display:block}.hero-version.mono{font-size:.625rem}}
@media(max-width:380px){.hero-visual{height:330px;margin-top:68px}.hero-version{display:none}.hero-bottom{justify-content:center}}

@media(max-width:780px){.hero h1{font-size:clamp(3rem,calc(14vw + 1.75rem),8.5rem)}.scenario-tabs button{overflow-wrap:anywhere;word-break:normal;min-width:0}.code-art{font-size:min(1.3125rem,5.4vw)}}

/* Scroll choreography. Native scrolling stays in charge; motion is reversible. */
.site-header{position:fixed;transition:background .3s,border-color .3s,backdrop-filter .3s}
.site-header.is-scrolled{background:#09090fe0;backdrop-filter:blur(18px);border-bottom-color:#b697d32b}
.hero-scroll-stage{position:relative}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 75% 46%,#7246aa26,transparent 58%);opacity:var(--hero-glow,.35)}
.js-motion .hero-art{transform:translate3d(calc(var(--pointer-x,0px) + var(--hero-shift-x,0px)),calc(var(--pointer-y,0px) + var(--hero-shift-y,0px)),0) rotate(calc(var(--pointer-turn,0deg) + var(--hero-turn,0deg))) scale(var(--hero-scale,1));transition:none}
.js-motion .hero-copy{transform:translate3d(0,var(--hero-copy-y,0px),0);opacity:var(--hero-copy-opacity,1);will-change:transform,opacity}
.hero-copy:focus-within{opacity:1!important}
.ticker{transform:rotate(calc(-1.7deg + var(--ticker-turn,0deg)))}
.ticker-track{translate:var(--ticker-shift,0px) 0}
.scroll-word{display:inline-block}
.js-motion .scroll-word{opacity:calc(.22 + var(--word-light,1)*.78);transform:translateY(calc((1 - var(--word-light,1))*6px));will-change:opacity}
.principle:before{content:'';position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,#c4a8ed,#dfa2bd);transform:scaleX(var(--principle-line,1));transform-origin:left}
.js-motion .capability.is-visible{opacity:var(--card-opacity,1);transform:perspective(900px) translate3d(0,calc(var(--card-y,0px) + var(--hover-lift,0px)),0) rotateX(var(--card-tilt,0deg)) scale(var(--card-scale,1));transition:border-color .3s,box-shadow .3s;will-change:transform,opacity}
.js-motion .capability:hover{--hover-lift:-7px}
.studio-scroll-hint{display:none;align-items:center;gap:10px;color:#a48bb9;font-size:.75rem;margin:-18px 0 25px;line-height:1.8}
.hint-track{height:24px;width:16px;border:1px solid #80628f;border-radius:9px;display:inline-block;padding-top:5px;flex-shrink:0}
.hint-track i{display:block;width:2px;height:5px;background:#d0b4e4;border-radius:3px;margin:auto;animation:scroll-dot 2s infinite}
.studio-scroll-track{position:relative}
.studio-shell{position:relative}
.studio-shell:after{content:'';position:absolute;bottom:0;left:0;height:2px;width:calc(var(--studio-progress,0)*100%);background:linear-gradient(90deg,#9576c7,#ebadcb,#f1bd98);pointer-events:none}
.scenario-tabs button{position:relative;overflow:hidden}
.scenario-tabs button:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#d8b8fa;transform:scaleX(var(--tab-progress,0));transform-origin:left}
.scenario-tabs button:not([aria-selected=true]):after{opacity:.24}
.closing-orb{rotate:calc(var(--closing-progress,0)*145deg)}
.js-motion .closing-watermark{transform:translateY(calc((1 - var(--closing-progress,1))*62px));opacity:calc(.3 + var(--closing-progress,1)*.7)}
@media(min-width:961px) and (min-height:820px){
  .js-motion .hero-scroll-stage{height:165svh}
  .js-motion .hero{position:sticky;top:0;height:100svh;min-height:0;max-height:none}
  .js-motion .studio-scroll-track{height:calc(var(--studio-size,680px) + 170svh)}
  .js-motion .studio-shell{position:sticky;top:126px;min-height:var(--studio-size,0px);transform:none!important}
  .js-motion .studio-scroll-hint{display:flex}
}
@media(max-width:780px){
  .closing-watermark{font-size:clamp(2.5rem,14vw,4rem)}
  .js-motion .hero-copy{--hero-copy-opacity:1!important;--hero-copy-y:0px!important}
  .js-motion .capability.is-visible{--hover-lift:0px}
}
@media(min-width:961px) and (min-height:820px) and (max-height:919px){
  .js-motion .hero{padding-top:140px}
  .hero h1{font-size:clamp(6.5rem,9vw,9.5rem)}
  .hero-visual{top:112px;height:570px}
  .js-motion .studio-shell{top:112px}
  .studio-panel{padding:24px 30px 20px}
  .panel-heading{margin-bottom:22px}
  .sol-response{margin-top:22px}
  .response-steps{gap:8px;margin-top:14px}
  .artifact-preview{margin-top:17px}
  .mini-portfolio{min-height:185px;padding:18px 24px}
  .mini-portfolio strong{font-size:2.25rem}
  .response-tools{margin-top:15px}
  .demo-disclosure{margin-top:19px}
}
.no-motion .hero-scroll-stage,.no-motion .studio-scroll-track{height:auto!important}
.no-motion .hero,.no-motion .studio-shell{position:relative;top:auto;min-height:0}
.no-motion .hero-copy,.no-motion .capability,.no-motion .scroll-word,.no-motion .closing-watermark{transform:none!important;opacity:1!important}
.no-motion .ticker{transform:rotate(-1.7deg)}
.no-motion .ticker-track{translate:none}
.no-motion .closing-orb{rotate:none}
.no-motion .studio-scroll-hint,.no-motion .studio-shell:after,.no-motion .scenario-tabs button:after{display:none}
@media(prefers-reduced-motion:reduce){
  .hero-scroll-stage,.studio-scroll-track{height:auto!important}
  .hero,.studio-shell{position:relative!important;top:auto!important}
  .hero-copy,.hero-art,.capability,.scroll-word,.closing-watermark{transform:none!important;opacity:1!important}
  .ticker-track{translate:none}.closing-orb{rotate:none}.studio-scroll-hint{display:none!important}
}

/* One image, one continuous journey. */
.sol-journey{position:fixed;top:0;left:0;width:var(--journey-size,620px);height:var(--journey-size,620px);transform:translate3d(var(--journey-x,55vw),var(--journey-y,150px),0);z-index:4;pointer-events:none;mix-blend-mode:screen;will-change:transform,width,height}
.sol-journey .journey-art,.js-motion .sol-journey .journey-art,.no-motion .sol-journey .journey-art{position:absolute;inset:0;border:0;padding:0;background:transparent;width:100%;height:100%;transform:rotate(var(--journey-turn,0deg))!important;pointer-events:auto;cursor:grab;touch-action:pan-y;border-radius:50%;transition:filter .3s}
.sol-journey .journey-art:active{cursor:grabbing}.sol-journey .journey-art:hover{filter:brightness(1.15)}
.sol-journey .journey-art img{animation:none!important;transform:none;filter:hue-rotate(var(--journey-hue,0deg));object-fit:contain}
.journey-halo{position:absolute;inset:20%;background:radial-gradient(circle,#956cff2b,transparent 70%);filter:blur(35px);border-radius:50%}
.journey-caption{position:absolute;bottom:4%;left:0;right:0;text-align:center;color:#b6a5c9;font-size:10px;letter-spacing:.14em;opacity:var(--caption-opacity,1)}
.hero-copy,.hero-bottom,.section-label,.about-heading,.principles,.section-heading,.capability-grid,.studio-shell,.closing>p,.closing>h2,.closing-actions{position:relative;z-index:6}
.hero-bottom{position:absolute}.hero-visual{pointer-events:none}.visual-caption{display:none}
.about-heading{align-items:flex-start;min-height:280px}.about-note{max-width:340px;padding-top:270px}.closing-dock{height:260px;width:260px;margin:0 auto 24px}
@media(max-width:780px){.about-heading{min-height:0}.about-note{padding-top:0}.sol-journey .journey-art{pointer-events:none}.journey-caption{display:none}.closing-dock{height:190px;width:190px}.hero-visual{height:330px}}
.no-motion .sol-journey{position:absolute}.no-motion .sol-journey .journey-art{pointer-events:none}.no-motion .journey-caption{display:none}
.benchmarks{padding-top:155px}.benchmark-layout{display:grid;grid-template-columns:.8fr 1.35fr;gap:70px;margin-top:40px;align-items:start}.benchmark-intro{position:sticky;top:145px}.benchmark-intro h2{font-size:clamp(2.25rem,3.5vw,3.5rem);position:relative;z-index:6}.benchmark-intro>p{color:#a59caf;line-height:1.9;margin-top:25px;position:relative;z-index:6}.benchmark-dock{height:310px;margin-top:30px}.benchmark-orbit-label{display:block;text-align:center;color:#796889;font-size:10px;letter-spacing:.16em}
.benchmark-panel{position:relative;z-index:6;background:#100e17;border:1px solid #51406466;border-radius:16px;padding:28px;box-shadow:0 20px 100px #0003;overflow:hidden}.benchmark-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8c7e9a;font-size:.6875rem;padding-bottom:24px;border-bottom:1px solid var(--line)}.benchmark-topline .mono{color:#d1b7ed;font-size:.6875rem}.benchmark-controls{display:flex;gap:6px;flex-wrap:wrap;margin:24px 0 30px}.benchmark-controls button{padding:9px 12px;border:1px solid #3f344d;border-radius:20px;background:none;color:#a99ab8;font-size:.75rem;transition:color .2s,background .2s}.benchmark-controls button[aria-pressed=true]{background:#d8c2f7;color:#1b1225;border-color:#d8c2f7}.metric-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.metric-kicker{font-family:var(--mono);font-size:10px;color:#9c86b3;letter-spacing:.08em}.metric-head h3,.eval-view h3{font-size:1.375rem;font-weight:500;letter-spacing:-.05em;margin-top:10px}.metric-head>strong{font-size:3.5rem;color:#d8baff;line-height:1;letter-spacing:-.07em;font-weight:500;white-space:nowrap}.metric-head>strong span{font-size:10px;display:block;letter-spacing:0;margin-top:12px;color:#aa95bc;font-weight:400}.comparison-chart{display:grid;gap:25px;margin:34px 0 24px}.comparison-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:.875rem}.comparison-row b{font-weight:400;color:#a695b4}.comparison-row output{font-family:var(--mono);color:#a695b4}.sol-row b,.sol-row output{color:#e9d4ff}.bar-track{height:8px;background:#2a2233;overflow:hidden;border-radius:3px}.bar-track>span{display:block;height:100%;width:var(--bar-width);background:#72617f;border-radius:3px;transition:width .7s var(--ease)}.sol-row .bar-track>span{background:linear-gradient(90deg,#8266e5,#cca8ff,#efb0c8)}.metric-note{font-size:.75rem;line-height:1.8;color:#9986aa}.cost-lab{margin-top:27px;padding-top:25px;border-top:1px solid var(--line)}.lab-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.lab-heading h3{font-size:1rem;font-weight:500}.lab-heading .mono{font-size:9px;letter-spacing:.08em;color:#9278a5}.cost-lab label{display:flex;justify-content:space-between;color:#ab9abc;font-size:.8125rem}.cost-lab label output{font-family:var(--mono);color:#d2bbed}.cost-lab input{display:block;width:100%;accent-color:#c7a1fa;margin:15px 0 24px;cursor:ew-resize;min-height:16px}.cost-lab input:focus-visible{outline:2px solid #d7b8ff;outline-offset:5px}.cost-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 18px}.cost-results>div{border-left:1px solid #5c426b;padding-left:13px}.cost-results span{color:#8f7a9e;font-size:10px;display:block}.cost-results output{font-size:clamp(1.125rem,2vw,1.75rem);color:#d5bbf1;display:block;letter-spacing:-.04em;margin-top:10px;font-family:var(--mono)}.cost-results>div:last-child output{color:#e8b1c7}.benchmark-sources{margin-top:24px;border-top:1px solid var(--line);padding-top:20px;color:#a38eaf;font-size:.75rem}.benchmark-sources summary{cursor:pointer;width:fit-content}.benchmark-sources p{line-height:1.9;margin-top:17px}.benchmark-sources a{display:block;margin-top:14px;text-decoration:underline;text-underline-offset:4px}.eval-view>p:not(.metric-kicker){line-height:1.8;color:#ac97bc;font-size:.875rem;margin:18px 0}.eval-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0;border-bottom:1px solid var(--line);font-size:.8125rem}.eval-row b{font-family:var(--mono);font-size:.75rem;font-weight:400}.eval-row span{color:#9b829e;font-size:.75rem;white-space:nowrap}
.journey-nav{position:fixed;right:24px;bottom:40px;z-index:30;display:grid;gap:16px}.journey-nav a{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:4px}.journey-nav i{width:5px;height:5px;background:#5d4e70;display:block;border-radius:50%;transition:background .3s,box-shadow .3s}.journey-nav span{opacity:0;font-family:var(--mono);font-size:9px;color:#c5a9df;transition:opacity .3s}.journey-nav a:hover span,.journey-nav a:focus-visible span,.journey-nav .is-current span{opacity:1}.journey-nav .is-current i{background:#e7c6ff;box-shadow:0 0 15px #a86dff}.journey-nav a:focus-visible{outline-offset:2px}.sol-journey .journey-art:focus-visible{outline-offset:-16px}
@media(max-width:1100px){.benchmark-layout{gap:35px;grid-template-columns:.75fr 1.3fr}.benchmark-panel{padding:22px}.site-header{gap:24px}.site-header>nav{margin-left:15px;gap:24px}.header-actions{gap:18px}}
@media(max-width:780px){.benchmarks{padding-top:100px}.benchmark-layout{grid-template-columns:1fr;gap:32px;margin-top:28px}.benchmark-intro{position:relative;top:auto}.benchmark-intro h2{font-size:clamp(2.25rem,7vw,3rem)}.benchmark-dock{height:200px;margin:10px auto;width:220px}.benchmark-orbit-label{font-size:9px}.benchmark-panel{padding:20px 16px;border-radius:12px}.benchmark-controls{gap:5px;margin-bottom:24px}.benchmark-controls button{padding:9px 10px;font-size:.75rem}.metric-head>strong{font-size:2.75rem}.metric-head h3,.eval-view h3{font-size:1.2rem}.metric-head{gap:10px}.benchmark-topline .mono{font-size:10px}.benchmark-topline>span:last-child{font-size:10px}.cost-results{gap:8px}.cost-results>div{padding-left:8px}.cost-results output{font-size:1.125rem}.lab-heading .mono{font-size:8px}.journey-nav{display:none}.eval-row{flex-wrap:wrap;gap:6px}.site-header .mobile-menu:not([hidden]){gap:24px;flex-wrap:wrap}}
.no-motion .about-note{padding-top:0}.no-motion .about-heading{min-height:0}.no-motion .benchmark-dock,.no-motion .benchmark-orbit-label,.no-motion .closing-dock{display:none}.no-motion .benchmark-intro{position:relative;top:auto}.no-motion .bar-track>span{transition:none}

@media(min-width:781px){.closing{padding-bottom:65px}}
@media(max-width:780px){.sol-journey .journey-art{pointer-events:auto}}