@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/site/assets/fraunces-vietnamese-opsz-normal-Czevyj-6.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/site/assets/fraunces-latin-ext-opsz-normal-CJcjJNj7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/site/assets/fraunces-latin-opsz-normal-DihXLNYH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/site/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/site/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/site/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/site/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/site/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/site/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/site/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/site/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/site/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2"),url(/site/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff)format("woff")}:root{--bg:#0b0b0c;--bg-1:#0f0f11;--bg-2:#141417;--bg-glass:#ffffff06;--text:#ece8e1;--text-dim:#ece8e19e;--text-faint:#ece8e161;--line:#ece8e11a;--line-strong:#ece8e133;--chrome-hi:#f4f1ea;--chrome-mid:#c9c4ba;--chrome-lo:#8d8980;--accent:#d9d2c4;--accent-warm:#e7d8bd;--font-display:"Fraunces Variable", "Fraunces", "Songti SC", Georgia, serif;--font-sans:"Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--maxw:1280px;--gut:clamp(20px, 5vw, 80px);--radius:14px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-feature-settings:"ss01", "cv01";font-size:16px;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent-warm);color:#111}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.grain{z-index:9990;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-50%}.shell{z-index:1;position:relative}.container{width:100%;max-width:var(--maxw);padding-inline:var(--gut);margin-inline:auto}.section{padding-block:clamp(90px,14vh,200px);position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:10px;font-size:12px;display:inline-flex}.eyebrow:before{content:"";background:var(--line-strong);width:26px;height:1px}.h-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:300;line-height:.98}.section-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(34px,5.2vw,78px);font-weight:300;line-height:1.02}.lead{color:var(--text-dim);max-width:56ch;font-size:clamp(16px,1.6vw,20px);line-height:1.7}.btn{--pad-y:15px;--pad-x:26px;padding:var(--pad-y) var(--pad-x);letter-spacing:.01em;white-space:nowrap;transition:transform .4s var(--ease), background .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease);will-change:transform;border:1px solid #0000;border-radius:100px;align-items:center;gap:10px;font-size:14.5px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn .arrow{transition:transform .4s var(--ease)}.btn:hover .arrow{transform:translate(4px)}.btn>*{z-index:1;position:relative}.btn-ghost:before{content:"";border-radius:inherit;background:var(--text);transform-origin:bottom;transition:transform .5s var(--ease);z-index:0;position:absolute;inset:0;transform:scaleY(0)}.btn-ghost:hover{color:#14110c;border-color:#0000}.btn-ghost:hover:before{transform:scaleY(1)}.scroll-progress{z-index:1001;transform-origin:0;background:linear-gradient(90deg, var(--chrome-lo), var(--chrome-hi));pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.btn-primary{color:#14110c;background:linear-gradient(#fbf8f1 0%,#e6ded0 48%,#cfc6b6 100%);box-shadow:inset 0 1px #fff9,0 10px 30px -12px #e7d8bd80}.btn-primary:hover{background:linear-gradient(#fff 0%,#efe8db 60%,#ddd4c4 100%)}.btn-ghost{color:var(--text);border-color:var(--line-strong);background:var(--bg-glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{border-color:var(--text-faint);background:#ffffff0d}.loader{z-index:9999;background:var(--bg);padding:var(--gut);clip-path:inset(0);will-change:clip-path;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-brand{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:14px;font-size:clamp(24px,4vw,40px);font-weight:400;display:inline-flex}.loader-brand .mark{width:30px;height:30px}.loader-foot{left:var(--gut);right:var(--gut);justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:clamp(28px,6vh,60px)}.loader-tag{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--text-faint);font-size:11px}.loader-num{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(#fff,#9a958b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,9vw,120px);font-weight:300;line-height:.9}.loader-bar{background:var(--line);height:1px;position:absolute;bottom:0;left:0;right:0}.loader-bar-fill{background:linear-gradient(90deg, var(--chrome-lo), var(--chrome-hi));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.cursor-halo{z-index:9998;pointer-events:none;opacity:0;mix-blend-mode:screen;width:26px;height:26px;transition:width .32s var(--ease), height .32s var(--ease), background .32s var(--ease), border-color .32s var(--ease), box-shadow .32s var(--ease), opacity .4s var(--ease);will-change:transform;background:radial-gradient(circle,#f7f0e652 0%,#e7d8bd21 45%,#0000 70%);border:1.5px solid #0000;border-radius:50%;position:fixed;top:0;left:0;box-shadow:0 0 #0000}.cursor-halo.is-hover{mix-blend-mode:normal;background:0 0;border-color:#e7d8bd99;width:52px;height:52px;box-shadow:0 0 16px #e7d8bd38}.cursor-halo.is-down{width:30px;height:30px}@media (hover:none),(pointer:coarse){.cursor-halo{display:none}}.nav{z-index:1000;padding:22px var(--gut);transition:background .5s var(--ease), padding .5s var(--ease), border-color .5s var(--ease);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom-color:var(--line);background:#0b0b0cb8;padding-block:14px}.brand{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:11px;font-size:19px;display:inline-flex}.brand .mark{flex:none;width:22px;height:22px}.brand b{font-weight:500}.brand .sub{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-faint);text-transform:uppercase;border-left:1px solid var(--line);margin-left:3px;padding-left:11px;font-size:11px}.nav-links{align-items:center;gap:34px;display:flex}.nav-links a{color:var(--text-dim);transition:color .3s var(--ease);font-size:14px;position:relative}.nav-links a:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .45s var(--ease);background:currentColor;position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a.is-active{color:var(--text)}.nav-links a:hover:after,.nav-links a.is-active:after{transform-origin:0;transform:scaleX(1)}.nav-links a.is-active:after{background:linear-gradient(90deg, var(--chrome-lo), var(--chrome-hi))}.nav-cta{align-items:center;gap:16px;display:flex}@media (width<=860px){.nav-links{display:none}.nav-cta .btn{--pad-y:11px;--pad-x:18px;font-size:13.5px}}.sound-toggle{border:1px solid var(--line);cursor:pointer;height:30px;transition:border-color .3s var(--ease), background .3s var(--ease);background:#ffffff05;border-radius:999px;align-items:flex-end;gap:2.5px;padding:0 9px 9px;display:inline-flex}.sound-toggle:hover{background:#e7d8bd0d;border-color:#e7d8bd66}.sound-toggle .sb{background:var(--text-faint);width:2px;height:4px;transition:background .3s var(--ease);border-radius:1px}.sound-toggle.on .sb{background:var(--accent-warm);animation:1.1s ease-in-out infinite eq}.sound-toggle.on .sb:first-child{animation-delay:0s}.sound-toggle.on .sb:nth-child(2){animation-delay:.27s}.sound-toggle.on .sb:nth-child(3){animation-delay:.12s}.sound-toggle.on .sb:nth-child(4){animation-delay:.38s}@keyframes eq{0%,to{height:4px}50%{height:12px}}.hero{align-items:center;min-height:100svh;padding-top:88px;padding-bottom:48px;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.hero-inner{z-index:2;text-align:center;width:100%;position:relative}.hero h1{font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 8px 60px #00000080;margin:20px 0 4px;font-size:clamp(64px,11.5vw,168px);font-weight:300;line-height:.96}.hero h1 .ci{background:linear-gradient(#fff 0%,#ded7c9 55%,#a7a298 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero .sub-en{font-family:var(--font-mono);letter-spacing:.42em;text-transform:uppercase;color:var(--text-dim);text-shadow:0 1px 14px #0009;margin-bottom:6px;font-size:clamp(13px,1.4vw,16px)}.hero .hero-lead{text-align:center;color:var(--text-dim);text-shadow:0 1px 14px #0009,0 0 36px #0006;max-width:50ch;margin:30px auto 0;font-size:clamp(15px,1.5vw,19px)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:42px;display:inline-flex}.scroll-cue{z-index:2;font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--text-faint);flex-direction:column;align-items:center;gap:10px;font-size:10.5px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-cue .bar{background:linear-gradient(var(--text-faint), transparent);width:1px;height:46px;animation:cue 2.4s var(--ease) infinite;transform-origin:top}@keyframes cue{0%{opacity:0;transform:scaleY(0)}40%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)translateY(46px)}}.line{white-space:nowrap;display:block;overflow:hidden}.word{will-change:transform;display:inline-block;transform:translateY(110%)}.marquee{z-index:1;background:var(--bg);border-block:1px solid var(--line);white-space:nowrap;padding-block:30px;position:relative;overflow:hidden}.marquee-label{text-align:center;font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--text-faint);margin-bottom:24px;font-size:11px;display:block}.marquee-track{will-change:transform;align-items:center;gap:64px;animation:26s linear infinite scroll-x;display:inline-flex}.marquee-track span{font-family:var(--font-display);color:var(--text-faint);letter-spacing:-.01em;transition:color .3s var(--ease);font-size:clamp(26px,3.4vw,46px);font-weight:300}.marquee-track span:hover{color:var(--text)}.marquee-track .dot{background:var(--chrome-lo);border-radius:50%;width:5px;height:5px}@keyframes scroll-x{to{transform:translate(-50%)}}.marquee:before,.marquee:after{content:"";z-index:2;pointer-events:none;width:18%;position:absolute;top:0;bottom:0}.marquee:before{background:linear-gradient(90deg, var(--bg), transparent);left:0}.marquee:after{background:linear-gradient(270deg, var(--bg), transparent);right:0}.bg-block{z-index:1;background:0 0;position:relative}.section--solid{-webkit-backdrop-filter:blur(26px)saturate(106%);backdrop-filter:blur(26px)saturate(106%);background:#0b0b0ca8}.section--solid:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0b0b0c8c 0%,#0b0b0c00 14% 86%,#0b0b0c8c 100%);position:absolute;inset:0}.bg-veil{z-index:0;pointer-events:none;background:linear-gradient(#080809d9 0%,#08080900 22% 78%,#080809d9 100%);position:fixed;inset:0}.scrim{position:relative}.scrim:before{content:"";filter:blur(26px);z-index:-1;pointer-events:none;background:radial-gradient(#080809db 0%,#08080999 40%,#08080947 62%,#0000 78%);width:min(1180px,98vw);height:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.statement .big{font-family:var(--font-display);letter-spacing:-.02em;max-width:20ch;font-size:clamp(30px,5vw,68px);font-weight:300;line-height:1.12}.statement .big em{color:var(--accent-warm);font-style:italic}.statement .reveal-word{opacity:.18;transition:opacity .5s var(--ease);text-shadow:0 2px 30px #0000008c;display:inline-block}.statement .reveal-word.em{background:linear-gradient(#fdfaf3 0%,#e7d8bd 52%,#b9aa8d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.cap-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:64px;display:flex}.cap-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.cap{border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .5s var(--ease), transform .5s var(--ease);padding:40px 34px 46px;position:relative;overflow:hidden}.cap:before{content:"";background:linear-gradient(90deg, var(--accent-warm), transparent 70%);transform-origin:0;height:1px;transition:transform .6s var(--ease);z-index:2;position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.cap:hover{background:#ffffff04;transform:translateY(-4px)}.cap:hover:before{transform:scaleX(1)}.cap-row{justify-content:space-between;align-items:center;display:flex}.cap-icon{border:1px solid var(--line);width:46px;height:46px;color:var(--accent);transition:color .5s var(--ease), border-color .5s var(--ease), background .5s var(--ease), transform .5s var(--ease);z-index:2;background:#ffffff03;border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:relative}.cap-icon svg{stroke-dasharray:64;stroke-dashoffset:0;width:22px;height:22px;transition:stroke-dashoffset .7s var(--ease)}.cap:hover .cap-icon{color:var(--accent-warm);border-color:var(--line-strong);background:#e7d8bd0f;transform:translateY(-2px)}.cap:hover .cap-icon svg{stroke-dashoffset:64px;animation:cap-draw .7s var(--ease) forwards}@keyframes cap-draw{0%{stroke-dashoffset:64px}to{stroke-dashoffset:0}}.cap-arrow{font-family:var(--font-mono);color:var(--text-faint);opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease), color .5s var(--ease);font-size:16px;transform:translate(-6px,6px)}.cap:hover .cap-arrow{opacity:1;color:var(--accent-warm);transform:translate(0)}.cap:after{content:"";background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), #e7d8bd12, transparent 60%);opacity:0;transition:opacity .5s var(--ease);position:absolute;inset:0}.cap:hover:after{opacity:1}.cap .idx{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.1em;transition:color .5s var(--ease);margin-top:28px;font-size:12px}.cap:hover .idx{color:var(--text-dim)}.cap h3{font-family:var(--font-display);letter-spacing:-.01em;margin:10px 0 14px;font-size:25px;font-weight:400}.cap p{color:var(--text-dim);font-size:15px;line-height:1.65}@media (width<=900px){.cap-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.cap-grid{grid-template-columns:1fr}.cap{padding:32px 26px 36px}.cap-icon{width:42px;height:42px}}.demo{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(36px,6vw,88px);display:grid}.demo>*{min-width:0}.demo-copy h2{margin:22px 0 20px}.demo-steps{gap:2px;margin-top:30px;list-style:none;display:grid}.demo-steps li{border-top:1px solid var(--line);color:var(--text-dim);gap:16px;padding:16px 0;font-size:15px;display:flex}.demo-steps li span{font-family:var(--font-mono);color:var(--accent-warm);padding-top:2px;font-size:12px}.code-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--bg-2), var(--bg-1));min-width:0;overflow:hidden;box-shadow:0 40px 80px -40px #000c}.code-top{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 18px;display:flex}.code-top .tabs{gap:6px;margin-left:6px;display:flex}.code-top .tab{font-family:var(--font-mono);color:var(--text-faint);transition:all .3s var(--ease);border-radius:7px;padding:5px 12px;font-size:12px}.code-top .tab.active{color:var(--text);background:#ffffff0f}.code-top .dots{gap:6px;display:flex}.code-top .dots i{background:var(--line-strong);border-radius:50%;width:10px;height:10px}.code-body{font-family:var(--font-mono);color:#d6d1c7;margin:0;padding:24px 26px 28px;font-size:13.5px;line-height:1.85;overflow-x:auto}.code-body .tk-key{color:#b8c5a6}.code-body .tk-str{color:#e7d8bd}.code-body .tk-com{color:var(--text-faint)}.code-body .tk-fn{color:#cdbfe0}@media (width<=820px){.demo{grid-template-columns:1fr;gap:40px}.demo-copy{text-align:left}.code-card{max-width:100%}.code-body{padding:20px 18px 22px;font-size:12px}}.stats-head{margin-bottom:56px}.stats{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.stat{background:var(--bg);padding:44px 30px}.stat .num{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(#fff,#b9b3a8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,5vw,66px);font-weight:300;line-height:1}.stat .lbl{color:var(--text-dim);margin-top:16px;font-size:14px}.stat .unit{font-family:var(--font-mono);color:var(--text-faint);-webkit-text-fill-color:var(--text-faint);margin-left:4px;font-size:.42em}@media (width<=820px){.stats{grid-template-columns:repeat(2,1fr)}}.cta{text-align:center;padding-block:clamp(110px,18vh,220px);position:relative;overflow:hidden}.cta h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(40px,8vw,132px);font-weight:300;line-height:.98}.cta .sub{color:var(--text-dim);max-width:44ch;margin:26px auto 40px}.cta .glow{pointer-events:none;background:radial-gradient(circle,#e7d8bd1a,#0000 62%);width:900px;height:900px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.footer{z-index:1;background:var(--bg);border-top:1px solid var(--line);padding-block:70px 40px;position:relative}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;display:grid}.footer h4{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);margin-bottom:20px;font-size:11px;font-weight:500}.footer ul{gap:12px;list-style:none;display:grid}.footer ul a{color:var(--text-dim);transition:color .3s var(--ease);font-size:14px}.footer ul a:hover{color:var(--text)}.footer .f-brand .lead{max-width:34ch;margin-top:18px;font-size:14px}.footer-bottom{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:60px;padding-top:26px;font-size:12px;display:flex}@media (width<=820px){.footer-grid{grid-template-columns:1fr 1fr}}.key-glint{z-index:3;color:#f3e6cb;text-shadow:0 0 14px #e7d8bdd9,0 0 36px #e7d8bd66;opacity:0;pointer-events:none;will-change:transform, opacity;font-size:16px;line-height:1;position:absolute}.ln-base{transition:color .5s var(--ease), text-shadow .5s var(--ease)}.ln-base.lit{color:#fdf6e7;text-shadow:0 0 18px #e7d8bd8c}.demo-live-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:56px;display:flex}.term{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--bg-2), var(--bg-1));max-width:920px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #000c}.term-top{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 18px;display:flex}.term-top .dots{gap:6px;display:flex}.term-top .dots i{background:var(--line-strong);border-radius:50%;width:10px;height:10px}.term-title{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.06em;font-size:12px}.term-badge{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent-warm);white-space:nowrap;background:#e7d8bd0f;border:1px solid #e7d8bd52;border-radius:100px;margin-left:auto;padding:4px 11px;font-size:10.5px}.term-body{min-height:230px;max-height:340px;font-family:var(--font-mono);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;padding:20px 22px;font-size:13.5px;line-height:1.8;overflow-y:auto}.term-req{color:var(--text-dim);border-bottom:1px dashed var(--line);word-break:break-all;margin-bottom:16px;padding-bottom:14px;font-size:12px}.term-req b{color:var(--accent-warm);font-weight:500}.t-dim{color:var(--text-faint)}.term-hint{color:var(--text-faint);text-align:center;padding-block:28px}.term-msg{grid-template-columns:130px 1fr;gap:14px;margin-bottom:14px;display:grid}.term-msg .role{letter-spacing:.08em;color:var(--text-faint);text-transform:uppercase;text-align:right;word-break:break-all;padding-top:3px;font-size:11px}.term-msg.ai .role{color:var(--accent-warm)}.term-msg p{white-space:pre-wrap;word-break:break-word;color:#d6d1c7;margin:0}.term-msg.user p{color:var(--text-dim)}.term-done{color:var(--text-faint);margin-top:18px;font-size:12px}.term-done b{color:#9fbc8e}.caret{vertical-align:-2px;background:var(--accent-warm);width:7px;height:15px;margin-left:2px;animation:.85s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.term-status{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:22px;padding:11px 20px;font-size:11.5px;display:flex}.term-status b{color:var(--text-dim);font-weight:500}.term-phase{letter-spacing:.18em;margin-left:auto;font-size:10px}.term-phase.streaming{color:var(--accent-warm);animation:1.1s ease-in-out infinite phase-pulse}.term-phase.connecting{color:var(--text-dim);animation:.6s ease-in-out infinite phase-pulse}.term-phase.done{color:#9fbc8e}@keyframes phase-pulse{50%{opacity:.35}}.term-ctl{border-top:1px solid var(--line);gap:14px;padding:16px 20px 18px;display:grid}.term-models{flex-wrap:wrap;gap:8px;display:flex}.term-model{font-family:var(--font-mono);border:1px solid var(--line);background:var(--bg-glass);color:var(--text-dim);cursor:pointer;transition:border-color .3s var(--ease), background .3s var(--ease), color .3s var(--ease);border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 14px;display:inline-flex}.term-model b{font-size:12.5px;font-weight:500}.term-model span{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:9.5px}.term-model:hover{border-color:var(--line-strong);color:var(--text)}.term-model.active{color:var(--text);background:#e7d8bd12;border-color:#e7d8bd80}.term-model:disabled{opacity:.55;cursor:default}.term-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.term-prompts{flex-wrap:wrap;gap:8px;display:flex}.term-chip{font-family:var(--font-sans);color:var(--text-dim);border:1px solid var(--line);cursor:pointer;transition:all .3s var(--ease);background:0 0;border-radius:100px;padding:9px 16px;font-size:13px}.term-chip:hover:not(:disabled){color:#14110c;background:var(--accent-warm);border-color:#0000}.term-chip:disabled{opacity:.5;cursor:default}.term-input{flex:1;gap:8px;min-width:240px;display:flex}.term-input input{min-width:0;font-family:var(--font-sans);color:var(--text);border:1px solid var(--line);transition:border-color .3s var(--ease);background:#ffffff08;border-radius:100px;outline:none;flex:1;padding:9px 18px;font-size:13.5px}.term-input input::placeholder{color:var(--text-faint)}.term-input input:focus{border-color:#e7d8bd73}.term-send{font-family:var(--font-sans);color:#14110c;cursor:pointer;transition:opacity .3s var(--ease), filter .3s var(--ease);background:linear-gradient(#fbf8f1 0%,#e6ded0 48%,#cfc6b6 100%);border:none;border-radius:100px;padding:9px 20px;font-size:13px;font-weight:500}.term-send:hover:not(:disabled){filter:brightness(1.06)}.term-send:disabled{opacity:.45;cursor:default}.term-send.stop{color:var(--text);border:1px solid var(--line-strong);background:#ffffff14}@media (width<=640px){.term-msg{grid-template-columns:1fr;gap:2px}.term-msg .role{text-align:left}.term-body{padding:16px 14px;font-size:12.5px}.term-status{gap:14px}}.signature{z-index:1;height:320vh;position:relative}.signature-pin{pointer-events:none;justify-content:center;align-items:flex-end;height:100vh;padding-bottom:9vh;display:flex;position:sticky;top:0}.signature-caption{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:14px;display:flex}.signature-caption .eyebrow:before{display:none}.signature-line{font-family:var(--font-display);color:var(--text-dim);letter-spacing:.02em;text-shadow:0 2px 26px #0009;font-size:clamp(18px,2.2vw,26px);font-weight:300}.signature-hint{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--text-faint);font-size:10.5px}@media (width<=860px){.signature{height:260vh}.signature-hint{display:none}}.chapter-nav{z-index:1000;opacity:0;pointer-events:none;transition:opacity .8s var(--ease);flex-direction:column;gap:20px;display:flex;position:fixed;top:50%;right:clamp(14px,2.2vw,32px);transform:translateY(-50%)}.chapter-nav.is-on{opacity:1;pointer-events:auto}.chapter-nav a{justify-content:flex-end;align-items:center;gap:12px;padding:2px 0;display:flex}.chapter-nav .ch-dot{border:1px solid var(--line-strong);width:7px;height:7px;transition:background .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease), transform .4s var(--ease);background:0 0;border-radius:50%;flex:none;position:relative}.chapter-nav .ch-label{font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-faint);opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease), color .4s var(--ease);white-space:nowrap;align-items:baseline;gap:7px;font-size:10.5px;display:inline-flex;transform:translate(8px)}.chapter-nav .ch-label i{color:var(--text-faint);opacity:.7;font-size:9px;font-style:normal}.chapter-nav a:hover .ch-dot{border-color:var(--text-faint);transform:scale(1.25)}.chapter-nav a:hover .ch-label,.chapter-nav a.is-active .ch-label{opacity:1;transform:translate(0)}.chapter-nav a.is-active .ch-label{color:var(--accent-warm)}.chapter-nav a.is-active .ch-dot{background:var(--accent-warm);border-color:var(--accent-warm);box-shadow:0 0 12px #e7d8bd8c}@media (width<=1023px){.chapter-nav{display:none}}.portal{z-index:10000;pointer-events:none;opacity:0;transition:opacity .2s linear;position:fixed;inset:0}.portal.on{opacity:1;pointer-events:all}.portal:before{content:"";opacity:0;background:radial-gradient(circle at var(--px,50%) var(--py,50%), #08080900 8%, #08080980 45%, #080809e6 100%);transition:opacity .85s var(--ease);position:absolute;inset:0}.portal.on:before{opacity:1}html.portal-exit .nav,html.portal-exit .chapter-nav,html.portal-exit .scroll-progress,html.portal-exit .footer,html.portal-exit .grain,html.portal-exit .shell>:not(.hero),html.portal-exit .hero>:not(.hero-canvas){opacity:0!important;transition:opacity .6s var(--ease)!important}.portal-ring{left:var(--px,50%);top:var(--py,50%);opacity:0;will-change:transform, opacity;border:1.5px solid #e7d8bde6;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute}.portal.on .portal-ring{animation:portal-ring .95s var(--ease-out) forwards}.portal.on .portal-ring.r2{border-color:#b9cad9b3;animation-delay:.12s}@keyframes portal-ring{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(110)}}.portal-flash{left:var(--px,50%);top:var(--py,50%);opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#fff4e0d9 0%,#e7d8bd40 40%,#0000 65%);border-radius:50%;width:46vmax;height:46vmax;margin:-23vmax 0 0 -23vmax;position:absolute;transform:scale(.2)}.portal.on .portal-flash{animation:portal-flash .55s var(--ease) .4s forwards}@keyframes portal-flash{0%{opacity:0;transform:scale(.2)}55%{opacity:.9}to{opacity:0;transform:scale(2.6)}}.portal-label{font-family:var(--font-mono);letter-spacing:.34em;text-transform:uppercase;color:var(--text-dim);opacity:0;white-space:nowrap;font-size:11px;position:absolute;bottom:16%;left:50%;transform:translate(-50%)translateY(10px)}.portal.on .portal-label{animation:portal-label .5s var(--ease-out) .32s forwards}@keyframes portal-label{to{opacity:1;transform:translate(-50%)translateY(0)}}[data-reveal]{opacity:0;transition:opacity 1s var(--ease-out), transform 1s var(--ease-out);transform:translateY(34px)}[data-reveal].in{opacity:1;transform:none}