:root{color-scheme:dark;--bg:#07080a;--fg:#f4f4f7;--muted:#909096;--ease:cubic-bezier(.22,1,.36,1);--pad:clamp(24px,5.6vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #b4c5ef;outline-offset:6px}::selection{background:#b8b5e647}img{display:block;max-width:100%}.section-shell{width:min(1440px,100%);margin:auto;padding-left:var(--pad);padding-right:var(--pad)}
.nav{position:fixed;z-index:20;inset:0 0 auto;height:78px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:#07080a75;backdrop-filter:blur(24px);border-bottom:1px solid #ffffff0b;transition:background .5s,color .5s}.brand{display:flex;align-items:center;gap:11px}.brand img{object-fit:contain}.brand strong{font-size:16px;letter-spacing:3.5px;font-weight:550}.brand>span{font-size:11px;letter-spacing:2px;color:#83838c;margin-left:13px}.nav-links{display:flex;gap:34px;color:#a3a3ae;font-size:12px}.nav a{transition:color .2s}.nav a:hover{color:white}.nav-docs{font-size:11px;border:1px solid #ffffff28;border-radius:99px;padding:10px 17px;display:flex;gap:28px;align-items:center}.nav.light{background:#f0eff5ca;color:#1c1d23;border-color:#16172310}.nav.light .nav-links,.nav.light .brand>span{color:#666671}.nav.light .nav-docs{border-color:#27283533}.nav.light a:hover{color:#07080a}.nav.light .brand img{filter:brightness(.25)}
.hero{height:100svh;min-height:710px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:90px var(--pad) 115px}.hero-art{position:absolute;right:-6%;top:3%;width:67%;height:94%;z-index:-1;isolation:isolate;pointer-events:none}.hero-art canvas{position:absolute;width:100%;height:100%;inset:0;display:block;z-index:2;opacity:0;transition:opacity 1.4s}.hero-art canvas[data-renderer="webgl"]{opacity:1}.prism-fallback{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;opacity:.85;transition:opacity .6s}.hero-art:has(canvas[data-renderer="webgl"]) .prism-fallback{opacity:0}.ambient{position:absolute;border-radius:50%;filter:blur(55px);z-index:0;mix-blend-mode:screen;pointer-events:none}.ambient-one{width:53%;height:31%;background:radial-gradient(ellipse,#4769ac30,transparent 65%);top:27%;left:28%;animation:ambient-drift 17s ease-in-out infinite alternate}.ambient-two{width:65%;height:16%;background:conic-gradient(from 30deg,#556de400,#849cf518,#bc74d619,#ffd6b522,#90ece317,#556de400);bottom:15%;left:20%;transform:rotate(-24deg);filter:blur(35px);animation:ambient-drift 13s ease-in-out -6s infinite alternate}.art-vignette{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,var(--bg) 0%,transparent 23%,transparent 85%,var(--bg) 100%);pointer-events:none}.hero-copy{width:52%;position:relative;z-index:4;padding-bottom:8px}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:500;color:#91919b;line-height:1.6}.hero .eyebrow{font-size:9px;letter-spacing:2.2px;display:flex;gap:13px;align-items:center;margin-bottom:27px}.tiny-spark{font-size:21px;color:#c9d4e8;font-weight:300;line-height:1}.hero h1{font-size:clamp(62px,6.8vw,104px);font-weight:500;letter-spacing:-5px;line-height:1.16}.hero h1>span{display:block}.spectral-text{background:linear-gradient(105deg,#fff 12%,#eff2ff 32%,#cddaff 50%,#f6e7fa 72%,#fff0d9 95%);background-clip:text;color:transparent}.hero-description{font-size:17px;line-height:1.85;margin-top:26px;letter-spacing:.4px;color:#c3c3cc}.hero-description>span{color:#85858e;font-size:14px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:12px 24px;border:1px solid transparent;border-radius:99px;font-size:12px;transition:background .25s,transform .25s,border-color .25s}.button:hover{transform:translateY(-2px)}.button-light{background:#f2f2f6;color:#16161b}.button-light:hover{background:white;box-shadow:0 4px 30px #bccbf21a}.button-outline{border-color:#ffffff35}.button-outline:hover{background:#ffffff08;border-color:#ffffff75}.text-link{font-size:12px;color:#b1b2bf;display:flex;align-items:center;gap:16px}.text-link:hover{color:white}.hero-floor{position:absolute;bottom:34px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;padding-top:23px;border-top:1px solid #ffffff12;color:#777982;font-size:10px;letter-spacing:1px}.hero-floor p{display:flex;align-items:center;gap:24px}.hero-floor p span{color:#51515e}.hero-floor a{display:flex;gap:27px;color:#a0a2ad}.hero-floor a span{display:inline-block;animation:arrow-down 3s ease-in-out infinite}.hero-copy>*{animation:arrive 1.5s var(--ease) both}.hero-copy h1{animation-delay:.12s}.hero-description{animation-delay:.25s}.hero-actions{animation-delay:.36s}
.models{padding-top:140px;padding-bottom:150px;border-top:1px solid #ffffff06}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.section-heading h2,.possibility-heading h2{font-size:clamp(38px,4.3vw,64px);line-height:1.25;font-weight:450;letter-spacing:-2px;margin-top:28px}.section-heading h2 span{color:#777985}.section-description{font-size:13px;color:#8c8e99;line-height:1.9;margin-bottom:6px}.model-experience{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;margin-top:68px}.model-tabs{display:flex;flex-direction:column;justify-content:center}.model-tab{position:relative;display:grid;grid-template-columns:32px 1fr 20px;gap:21px;align-items:center;text-align:left;background:none;border:0;border-top:1px solid #ffffff12;padding:25px 0;opacity:.54;transition:opacity .4s,padding .5s var(--ease)}.model-tab:last-child{border-bottom:1px solid #ffffff12}.model-tab.active,.model-tab:hover{opacity:1}.model-tab.active{padding-left:15px}.model-tab:before{content:"";position:absolute;left:0;top:26%;width:2px;height:47%;background:#c8c4f3;opacity:0;transform:scaleY(0);transition:transform .45s,opacity .45s}.model-tab.active:before{opacity:1;transform:scaleY(1)}.model-number{font:10px ui-monospace,SFMono-Regular,monospace;color:#8f929e}.model-tab strong{display:block;font-size:27px;font-weight:450;letter-spacing:-.5px}.model-tab em{font-style:normal;font-size:17px;color:#afb1be}.model-tab small{display:block;margin-top:9px;color:#9597a5;font-size:11px;letter-spacing:.3px}.model-arrow{font-size:18px;color:#aeb0c3;transform:translate(-6px,6px);opacity:0;transition:.4s}.active .model-arrow,.model-tab:hover .model-arrow{transform:none;opacity:1}.model-panel{position:relative;min-height:465px;border-radius:4px;overflow:hidden;background:#0e0d13;border:1px solid #ffffff13;--tone:#b6a0f5;--rgb:168,144,219;transition:background .7s}.panel-topline,.panel-bottom{display:flex;justify-content:space-between;position:absolute;left:27px;right:27px;z-index:4;font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.4px;color:#87838f}.panel-topline{top:25px}.panel-bottom{bottom:24px;color:#777581}.panel-bottom span:last-child{font:9px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.5px}.capability-art{position:absolute;inset:0 0 26%;overflow:hidden;perspective:700px;transition:opacity .6s}.art-orbit{position:absolute;width:68%;height:70%;left:16%;top:25%;border:1px solid rgba(var(--rgb),.22);border-radius:50%;transform:rotateX(66deg) rotateZ(-24deg);box-shadow:0 2px 15px rgba(var(--rgb),.08),inset 0 0 20px rgba(var(--rgb),.05);animation:orbit-breathe 13s ease-in-out infinite alternate}.orbit-two{width:51%;height:53%;left:24.5%;top:33.5%;transform:rotateX(50deg) rotateZ(28deg);animation-delay:-4s}.orbit-three{width:34%;height:36%;left:33%;top:42%;transform:rotateX(27deg) rotateZ(-32deg);animation-delay:-7s}.art-horizon{position:absolute;inset:36% 6% 2%;background:radial-gradient(ellipse at center,rgba(var(--rgb),.14),transparent 67%);filter:blur(20px)}.art-word{position:absolute;inset:35% 0 auto;text-align:center;font-size:80px;letter-spacing:10px;font-weight:350;line-height:1.2;background:linear-gradient(#fcfaff,#d9d2ea 45%,rgba(var(--rgb),.2));background-clip:text;color:transparent;filter:drop-shadow(0 6px 20px rgba(var(--rgb),.16));transition:transform .65s var(--ease),opacity .65s}.panel-copy{position:absolute;bottom:70px;left:34px;right:24px;z-index:3}.panel-kicker{font-size:8px;letter-spacing:1.8px;color:var(--tone)}.panel-copy h3{font-size:25px;font-weight:450;letter-spacing:-.4px;margin-top:13px}.panel-copy p{font-size:11px;color:#8c8999;line-height:1.8;margin-top:11px}.model-panel.changing .art-word{transform:translateY(12px);opacity:.1}.model-panel[data-active="gpt"]{--tone:#9ec9bf;--rgb:131,197,186;background:#0b1112}.model-panel[data-active="grok"]{--tone:#c0d3f9;--rgb:154,177,222;background:#0d1018}.model-panel[data-active="image"]{--tone:#eac49c;--rgb:218,145,161;background:#141017}.model-panel[data-active="gpt"] .art-orbit{border-radius:8%;transform:rotateX(62deg) rotateZ(45deg)}.model-panel[data-active="grok"] .art-orbit{transform:rotateX(36deg) rotateY(58deg)}.model-panel[data-active="image"] .art-orbit{border-radius:25% 70% 40% 65%;background:linear-gradient(125deg,#f4dbb512,#c695e91a,#74b4ca0a);transform:rotateX(44deg) rotateZ(-25deg)}
.possibilities{background:#eeedf2;color:#25252d;padding:124px 0 105px;overflow:hidden}.possibility-heading h2 span{color:#92909d}.possibilities .eyebrow{color:#83808e}.principle-grid{margin-top:66px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.principle{border-top:1px solid #26243023}.principle-visual{height:196px;position:relative;margin-bottom:15px;display:flex;align-items:center;justify-content:center}.principle-index{font:8px ui-monospace,SFMono-Regular,monospace;color:#827e8d;letter-spacing:1.4px}.principle h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:20px 0 14px}.principle p{font-size:12px;line-height:1.95;color:#807a8d}.reliability i{position:absolute;height:74px;width:160px;left:calc(50% - 80px);border:1px solid #9691ab3d;border-radius:50%;transform:rotateX(55deg);background:linear-gradient(160deg,#ffffff70,#cbc6d31a);box-shadow:0 10px 25px #40315508}.reliability i:nth-child(1){top:36px}.reliability i:nth-child(2){top:63px}.reliability i:nth-child(3){top:90px}.reliability b{height:5px;width:5px;border-radius:50%;background:#8b879e;box-shadow:0 0 20px #78718c}.payment{flex-direction:column;align-items:flex-start;padding-left:10px;gap:0;font-size:38px;line-height:1.2;letter-spacing:-2px;font-weight:450}.payment span:first-child{color:#b1aaba}.payment sup{font-size:30px;margin-left:22px;color:#8f7bb3}.connection{gap:18px;font:66px Georgia,serif;color:#b2a7c6}.connection i{font-style:normal;font:34px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-1px;color:#3e384d;border:1px solid #ded8e8;border-radius:20px;padding:18px;background:linear-gradient(125deg,#fff9,#ddd5e930);box-shadow:0 18px 35px #5545650a}
.code-section{padding-top:135px;padding-bottom:100px}.code-window{border-radius:16px;border:1px solid #ffffff16;margin-top:54px;background:linear-gradient(125deg,#111217,#0b0c10);overflow:hidden;box-shadow:0 30px 90px #0004}.window-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff09;padding:20px 25px;font:9px ui-monospace,monospace;color:#6b6b7c}.window-bar>div{display:flex;gap:6px}.window-bar i{height:6px;width:6px;border-radius:50%;background:#41434f}.window-bar>span:nth-child(2){color:#9999a8;letter-spacing:.5px}.code-content{display:grid;grid-template-columns:1.35fr 1fr}.code-content pre{margin:0;padding:50px 32px;font:clamp(10px,1vw,13px)/2.1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c4c4d1;white-space:pre-wrap;overflow-wrap:anywhere}.line-number{color:#3c3d4a;margin-right:15px;user-select:none}.kw{color:#afa0d9}.str{color:#a4c5b9}.var{color:#dcc6a8}.muted{color:#626271}.code-aside{border-left:1px solid #ffffff09;padding:40px;display:flex;flex-direction:column;justify-content:center}.small-spark{font-size:33px;line-height:1;color:#c6cfe8}.code-aside h3{font-size:26px;line-height:1.5;font-weight:450;letter-spacing:-.6px;margin-top:20px}.code-aside p{color:#727180;font-size:11px;line-height:1.9;margin-top:18px}.code-aside a{font-size:11px;color:#c8c4d7;margin-top:25px;display:flex;gap:28px}.code-caption{font-size:9px;color:#63616f;margin-top:20px;letter-spacing:.2px}.footer{border-top:1px solid #ffffff10;padding-top:34px;padding-bottom:40px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#666775}.footer .brand strong{font-size:13px;color:#dbdce4}.footer>span{font-size:9px}.reveal{transition:transform 1.15s var(--ease),opacity 1.15s var(--ease)}.enhanced .reveal:not(.visible){opacity:0;transform:translateY(34px)}.enhanced .code-window:not(.visible){clip-path:inset(0 13% round 16px)}.code-window{transition:clip-path 1.6s var(--ease),transform 1.15s var(--ease),opacity 1.15s var(--ease);clip-path:inset(0 0 round 16px)}.offscreen .ambient,.offscreen .hero-floor a span{animation-play-state:paused}
@keyframes ambient-drift{from{transform:translate(-10px,15px) rotate(-18deg) scale(.9);opacity:.55}to{transform:translate(22px,-15px) rotate(3deg) scale(1.2);opacity:1}}
@keyframes arrow-down{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes orbit-breathe{from{translate:0 -5px;opacity:.6}to{translate:0 5px;opacity:1}}
@media(min-width:1500px){.hero-copy{margin-left:calc((100vw - 1440px)/2 - var(--pad));padding-left:var(--pad)}.hero-art{right:0;width:64%}}
@media(max-width:1050px){.nav-links{gap:20px;font-size:10px}.hero h1{font-size:68px;letter-spacing:-3.5px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-actions{gap:18px}.model-experience{gap:6%}.code-content{grid-template-columns:1.3fr 1fr}.code-content pre{padding:40px 20px}.code-aside{padding:30px}.principle-grid{gap:30px}.principle h3{font-size:20px}.section-description{font-size:11px}}
@media(max-width:760px){:root{--pad:24px}.nav{height:66px}.nav-links{display:none}.brand strong{font-size:13px;letter-spacing:2.5px}.brand img{width:24px;height:29px}.brand>span{font-size:10px;margin-left:5px}.nav-docs{font-size:10px;padding:8px 13px;gap:15px}.hero{min-height:860px;height:100svh;max-height:1100px;padding:111px var(--pad) 0;align-items:flex-start}.hero-copy{width:100%;text-align:center;padding:0}.hero .eyebrow{justify-content:center;font-size:7px;letter-spacing:1.3px;margin-bottom:23px;gap:9px}.tiny-spark{font-size:18px}.hero h1{font-size:57px;line-height:1.12;letter-spacing:-3px}.hero-description{font-size:13px;line-height:1.85;margin-top:22px}.hero-description>span{font-size:11px}.hero-actions{justify-content:center;gap:21px;margin-top:25px}.button{min-height:41px;font-size:11px;padding:10px 19px;gap:24px}.text-link{font-size:10px;gap:10px}.hero-art{top:385px;bottom:65px;height:auto;right:-16%;width:132%;z-index:0}.hero-copy{z-index:4}.art-vignette{background:linear-gradient(var(--bg),transparent 17%,transparent 81%,var(--bg))}.hero-floor{bottom:25px;font-size:8px;padding-top:17px;z-index:5}.hero-floor p{gap:14px}.hero-floor a{gap:10px}.models{padding-top:92px;padding-bottom:90px}.section-heading{display:block}.section-heading h2,.possibility-heading h2{font-size:36px;letter-spacing:-1.6px;margin-top:21px}.eyebrow{font-size:8px;letter-spacing:1.4px}.section-description{font-size:11px;margin-top:23px}.model-experience{display:flex;flex-direction:column;gap:28px;margin-top:36px}.model-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.model-tab{grid-template-columns:1fr;gap:0;padding:20px 0}.model-tab.active{padding-left:10px}.model-tab:last-child{border-bottom:0}.model-number,.model-arrow{display:none}.model-tab strong{font-size:21px;letter-spacing:-.5px}.model-tab em{font-size:12px}.model-tab small{font-size:8px;margin-top:8px}.model-panel{min-height:415px}.panel-copy{left:27px}.panel-copy h3{font-size:24px}.panel-copy p{font-size:11px}.art-word{font-size:70px}.panel-topline,.panel-bottom{left:23px;right:23px;font-size:7px}.possibilities{padding:90px 0 65px}.principle-grid{grid-template-columns:1fr;gap:35px;margin-top:45px}.principle{position:relative;padding:40px 0 15px;min-height:200px}.principle-visual{position:absolute;right:0;top:35px;width:135px;height:130px;margin:0}.principle-index{font-size:7px;letter-spacing:1px}.principle h3{font-size:21px;max-width:62%;margin-top:21px;line-height:1.4}.principle p{font-size:11px;max-width:64%}.reliability i{width:110px;height:50px;left:12px}.reliability i:nth-child(1){top:20px}.reliability i:nth-child(2){top:38px}.reliability i:nth-child(3){top:56px}.payment{font-size:26px;padding-left:20px;letter-spacing:-1px}.payment sup{font-size:17px;margin-left:8px}.connection{gap:8px;font-size:35px}.connection i{font-size:20px;padding:12px;border-radius:12px}.code-section{padding-top:85px;padding-bottom:65px}.code-section .section-heading .button{margin-top:25px}.code-window{margin-top:32px;border-radius:10px}.window-bar{padding:17px;font-size:8px}.window-bar>span:last-child{display:none}.code-content{display:block}.code-content pre{font-size:9px;line-height:2.1;padding:27px 14px}.line-number{margin-right:7px}.code-aside{border-left:0;border-top:1px solid #ffffff10;padding:28px}.code-aside h3{font-size:24px;margin-top:12px}.code-aside p{font-size:10px}.small-spark{font-size:29px}.footer{display:flex;flex-wrap:wrap;gap:20px;padding-top:28px;padding-bottom:28px}.footer p{font-size:8px}.footer>span{width:100%;font-size:8px}.enhanced .reveal:not(.visible){transform:translateY(22px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.enhanced .reveal:not(.visible){transform:none;opacity:1}.enhanced .code-window:not(.visible){clip-path:none}}

.skip-link{position:fixed;top:-70px;left:24px;z-index:100;background:#fff;color:#14151b;padding:12px 18px;border-radius:6px}.skip-link:focus{top:12px}

/* The optical illustration keeps moving while WebGL warms up or is unavailable.
   These layers are deliberately light enough for mobile Safari and Android. */
.prism-fallback{transform-origin:50% 50%;animation:prism-fallback-float 9s var(--ease) infinite alternate,prism-fallback-breathe 7s ease-in-out infinite}
.prism-fallback-light{position:absolute;inset:8%;width:84%;height:84%;z-index:1;pointer-events:none;opacity:.85;transition:opacity .7s;mix-blend-mode:screen;overflow:hidden}
.hero-art.webgl-ready .prism-fallback,.hero-art.webgl-ready .prism-fallback-light{opacity:0;visibility:hidden}.hero-art.webgl-ready .prism-fallback-light{animation-play-state:paused}
.prism-fallback-spectrum{inset:23% 22% 20%;width:56%;height:56%;margin:auto;filter:blur(24px);clip-path:polygon(50% 0,100% 100%,0 100%);background:conic-gradient(from 190deg at 50% 72%,#9b8bf000,#9d8cf06b 18%,#72d4c75e 38%,#8ab5ff66 58%,#f3a28a5e 77%,#9b8bf000 90%);animation:prism-fallback-spectrum 8s ease-in-out infinite alternate}
.prism-fallback-sheen{inset:11% 9%;width:82%;height:82%;clip-path:polygon(36% 3%,84% 93%,14% 99%);background:linear-gradient(112deg,transparent 29%,#fff0 42%,#fff9 49%,#d8e2ff8f 53%,#fff0 64%,transparent 76%);filter:blur(4px);animation:prism-fallback-sheen 5.8s ease-in-out infinite}
.prism-fallback-glint{inset:20% 19%;width:62%;height:62%;margin:auto;clip-path:polygon(50% 0,100% 100%,0 100%);background:radial-gradient(ellipse at 58% 43%,#ffffffbb 0 1.3%,#dce8ff55 3%,transparent 12%),radial-gradient(ellipse at 28% 76%,#c8b6ff70 0 1%,transparent 9%);filter:blur(2px);animation:prism-fallback-glint 6.5s ease-in-out infinite}
@keyframes prism-fallback-float{0%,100%{transform:translate3d(0,0,0) rotate(-.7deg) scale(.985)}50%{transform:translate3d(0,-8px,0) rotate(.45deg) scale(1)}}
@keyframes prism-fallback-breathe{0%,100%{filter:drop-shadow(0 12px 30px #92a9e01c) brightness(.98)}50%{filter:drop-shadow(0 18px 42px #b6a7ff3d) brightness(1.07)}}
@keyframes prism-fallback-spectrum{0%{transform:rotate(-9deg) scale(.78);opacity:.35}50%{opacity:.82}100%{transform:rotate(12deg) scale(1.12);opacity:.58}}
@keyframes prism-fallback-sheen{0%,100%{transform:translateX(-30%) rotate(-6deg);opacity:.1}45%{opacity:.72}70%{transform:translateX(28%) rotate(-2deg);opacity:.28}}
@keyframes prism-fallback-glint{0%,100%{transform:translate(-8%,-5%) scale(.78);opacity:.16}45%{transform:translate(12%,4%) scale(1.08);opacity:.78}70%{opacity:.28}}
@media(max-width:760px){.prism-fallback{animation-duration:11s,8s}.prism-fallback-light{opacity:.95}.prism-fallback-spectrum{filter:blur(18px);animation-duration:10s}.prism-fallback-sheen{filter:blur(3px);animation-duration:7s}.prism-fallback-glint{animation-duration:8s}}
@media(prefers-reduced-motion:reduce){.prism-fallback,.prism-fallback-light{animation:none!important;transform:none!important;filter:none!important}.hero-art.webgl-ready .prism-fallback,.hero-art.webgl-ready .prism-fallback-light{opacity:0}}

/* ============================================================
   Revision 9 — pricing, support entry, and mark motion.
   Appended as its own layer so the earlier rules stay readable.
   ============================================================ */

/* --- brand mark: incident ray -> refracted spectrum on hover --- */
.brand-mark{position:relative;display:inline-flex;flex:0 0 auto;overflow:hidden;border-radius:5px}
.brand-mark img{transition:transform .6s var(--ease),filter .6s}
.brand-mark-sheen{position:absolute;inset:-20% -60%;pointer-events:none;opacity:0;
  background:linear-gradient(104deg,transparent 38%,#ffffffb8 49%,#d9e3ff8c 55%,transparent 66%);
  transform:translateX(-42%) rotate(4deg);transition:opacity .5s}
.brand:hover .brand-mark-sheen,.brand:focus-visible .brand-mark-sheen{animation:mark-sweep .95s var(--ease) 1;opacity:1}
.brand:hover .brand-mark img{transform:scale(1.06);filter:drop-shadow(0 0 10px #b9c8ff5c)}
@keyframes mark-sweep{0%{transform:translateX(-52%) rotate(4deg)}100%{transform:translateX(52%) rotate(4deg)}}
.brand-word{display:flex;align-items:center;gap:0}

/* --- hero stat row --- */
.hero-stats{display:flex;gap:38px;list-style:none;margin:34px 0 0;padding:22px 0 0;border-top:1px solid #ffffff12;max-width:430px}
.hero-stats li{display:flex;flex-direction:column;gap:5px}
.hero-stats strong{font-size:22px;font-weight:500;letter-spacing:-.6px;background:linear-gradient(120deg,#fff,#c9d7ff 60%,#f3dcc9);background-clip:text;color:transparent}
.hero-stats span{font-size:9px;letter-spacing:.9px;color:#7c7d88}
.hero-stats{animation:arrive 1.5s var(--ease) both .45s}

/* --- 02 pricing --- */
.pricing{padding-top:130px;padding-bottom:120px;border-top:1px solid #ffffff06}
.price-grid{margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.price-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff12;border-radius:12px;
  padding:27px 24px 25px;background:linear-gradient(158deg,#101117,#0a0b0f);
  display:flex;flex-direction:column;gap:0;min-height:290px;
  transition:transform .6s var(--ease),border-color .5s,background .6s}
.price-card:hover{transform:translateY(-5px);border-color:#ffffff2c}
.price-glow{position:absolute;z-index:-1;top:-46%;left:-18%;width:112%;height:96%;pointer-events:none;opacity:.5;
  background:radial-gradient(ellipse at 32% 30%,var(--tone-glow,transparent),transparent 68%);
  filter:blur(34px);transition:opacity .6s,transform .8s var(--ease)}
.price-card:hover .price-glow{opacity:.95;transform:translate(4%,6%)}
.price-claude{--tone:#b6a0f5;--tone-glow:#7d68d038}
.price-gpt{--tone:#9ec9bf;--tone-glow:#4f9c8b33}
.price-grok{--tone:#9db2e0;--tone-glow:#5172b833}
.price-image{--tone:#e3b18f;--tone-glow:#c9779433}
.price-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.price-label{font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.6px;color:var(--tone);text-transform:uppercase}
.price-off{font-size:10px;letter-spacing:.4px;color:#eef1fa;background:#ffffff14;border:1px solid #ffffff22;
  border-radius:99px;padding:4px 10px;white-space:nowrap}
.price-off-muted{color:#8a8b96;background:none;border-color:#ffffff1a}
.price-model{margin-top:19px;font-size:21px;font-weight:450;letter-spacing:-.5px;line-height:1.3}
.price-figure{margin-top:22px;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.price-currency{font-size:17px;color:#9698a4;transform:translateY(-4px)}
.price-value{font-size:42px;font-weight:500;letter-spacing:-2px;line-height:1;
  background:linear-gradient(126deg,#fff,#d5dcff 58%,var(--tone));background-clip:text;color:transparent}
.price-unit{font-size:10px;color:#7e808c;letter-spacing:.3px}
.price-sub{margin-top:9px;font-size:11px;color:#9b9db0}
.price-meta{margin:20px 0 0;padding:16px 0 0;border-top:1px solid #ffffff0d;display:flex;flex-direction:column;gap:9px}
.price-meta>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.price-meta dt{font-size:10px;color:#71727e}
.price-meta dd{margin:0;font:10px ui-monospace,SFMono-Regular,monospace;color:#b9bac6;letter-spacing:.2px}
.price-rate{display:inline-block;font:10px ui-monospace,SFMono-Regular,monospace;color:var(--tone);letter-spacing:.2px}
.price-note{margin-top:auto;padding-top:17px;font-size:10px;line-height:1.7;color:#757684}
.price-footer{margin-top:44px;display:flex;align-items:flex-start;justify-content:space-between;gap:50px}
.price-footnote{font-size:10px;line-height:1.95;color:#6e6f7c;max-width:640px}

/* --- 05 support --- */
.support{padding-bottom:120px}
.support-card{position:relative;overflow:hidden;border:1px solid #ffffff12;border-radius:16px;
  background:linear-gradient(132deg,#101018,#0a0a0f 58%,#0f0d14);
  display:grid;grid-template-columns:1.25fr 1fr;gap:50px;padding:62px 60px}
.support-copy h2{font-size:clamp(34px,3.6vw,52px);line-height:1.24;font-weight:450;letter-spacing:-1.8px;margin-top:26px}
.support-copy h2 span{color:#82848f}
.support-description{margin-top:24px;font-size:12px;line-height:2;color:#84858f;max-width:430px}
.support-points{margin:28px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:12px}
.support-points li{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.5px;color:#a6a7b4;
  border:1px solid #ffffff17;border-radius:99px;padding:8px 15px}
.support-points span{color:#a99ee0;font-size:12px}
.support-panel{position:relative;isolation:isolate;border:1px solid #ffffff14;border-radius:12px;
  background:#0c0d13cc;padding:34px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}
.support-panel-label{font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.6px;color:#8b8c98}
.support-number{margin-top:20px;font:600 clamp(27px,3vw,36px)/1 ui-monospace,SFMono-Regular,monospace;
  letter-spacing:2px;background:linear-gradient(120deg,#fff,#cfd9ff 58%,#f0cfc0);background-clip:text;color:transparent}
.support-hours{margin-top:13px;font-size:10px;color:#797a86;letter-spacing:.4px}
.support-copy-button{margin-top:24px;display:inline-flex;align-items:center;gap:13px;background:#f1f1f6;color:#15161b;
  border:1px solid transparent;border-radius:99px;padding:11px 21px;font-size:11px;
  transition:background .25s,transform .25s,box-shadow .3s}
.support-copy-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 26px #b8c6f024}
.support-copy-button.copied{background:#cfd8f3;color:#111219}
.support-note{margin-top:22px;font-size:10px;line-height:1.85;color:#71727f;max-width:250px}
.support-rings{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55}
.support-rings i{position:absolute;left:50%;top:50%;border:1px solid #9a8ede1f;border-radius:50%;
  width:150%;padding-bottom:150%;transform:translate(-50%,-50%);
  animation:support-pulse 9s ease-in-out infinite}
.support-rings i:nth-child(2){animation-delay:-3s;border-color:#7fc9ba1c}
.support-rings i:nth-child(3){animation-delay:-6s;border-color:#e2a98c1a}
@keyframes support-pulse{0%,100%{transform:translate(-50%,-50%) scale(.72);opacity:.15}50%{transform:translate(-50%,-50%) scale(1.04);opacity:.6}}
.footer>span{letter-spacing:.2px}

/* --- responsive: pricing + support --- */
@media(max-width:1180px){
  .price-grid{grid-template-columns:repeat(2,1fr)}
  .support-card{grid-template-columns:1fr;gap:40px;padding:50px 42px}
  .support-panel{align-items:flex-start;text-align:left}
  .support-note{max-width:none}
}
@media(max-width:1050px){
  .hero-stats{gap:26px}
  .hero-stats strong{font-size:19px}
  .price-value{font-size:36px}
}
@media(max-width:760px){
  /* The stats row collides with the prism artwork on narrow screens, and the
     same facts are stated by the pricing and model sections below. */
  .hero-stats{display:none}
  .pricing{padding-top:88px;padding-bottom:74px}
  .price-grid{grid-template-columns:1fr;gap:14px;margin-top:38px}
  .price-card{min-height:0;padding:23px 21px 21px}
  .price-model{font-size:19px}
  .price-value{font-size:34px}
  .price-footer{flex-direction:column;gap:24px;margin-top:32px}
  .price-footnote{font-size:9px;line-height:1.85}
  .support{padding-bottom:80px}
  .support-card{padding:38px 24px;border-radius:13px;gap:32px}
  .support-copy h2{font-size:32px;margin-top:20px}
  .support-description{font-size:11px;margin-top:19px}
  .support-points{gap:9px}
  .support-points li{font-size:9px;padding:7px 12px}
  .support-panel{padding:27px 22px}
  .support-number{font-size:27px}
  .brand-word>span{display:none}
}