@font-face{font-family:Exo;src:url('/assets/Exo2-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#080e15;--panel:#0d1922;--panel-deep:#09131b;--text:#e5edf0;--muted:#a1b9c4;--cyan:#8ef5ed;--pink:#ff3c68;--acid:#f4ed75;--line:#29454d;--cut:14px;--font:Exo,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:6px}a:hover{color:var(--acid)}img{display:block;max-width:100%}p{margin:0 0 18px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-100px;z-index:10;padding:10px;background:var(--panel);color:var(--acid)}.skip-link:focus{top:10px}
.header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative}.header:after{content:'';position:absolute;bottom:-1px;left:0;width:115px;height:3px;background:var(--cyan);clip-path:polygon(0 0,100% 0,calc(100% - 3px) 100%,0 100%)}.brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:21px;letter-spacing:.12em}.brand-mark{font-size:25px;line-height:1;color:var(--pink);letter-spacing:-.15em;transform:skew(-10deg);margin-right:4px}.brand-caption{font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;border-left:1px solid var(--line);padding-left:18px;margin-left:9px;color:var(--muted)}nav{display:flex;align-items:center;gap:33px;font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:.05em}nav a{padding:13px 0;display:flex;align-items:center;gap:8px}nav a:before{content:'01';font-size:8px;letter-spacing:0;color:var(--cyan)}nav a:nth-child(2):before{content:'02'}nav a:nth-child(3):before{content:'03'}
.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:650;margin:0 0 24px;display:flex;gap:10px;align-items:center;color:var(--cyan)}.status-dot,.caption-dot{display:inline-block;width:3px;height:10px;background:var(--cyan);flex-shrink:0;box-shadow:0 0 12px #8ef5ed35}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:735px;padding-block:56px 65px;gap:55px;position:relative}.hero:before{content:'';position:absolute;inset:15px -35px 0;pointer-events:none;background:radial-gradient(ellipse at 85% 40%,#8ef5ed08,transparent 50%),radial-gradient(ellipse at 75% 60%,#ff3c6808,transparent 40%);z-index:-1}.hero-copy{position:relative;z-index:1}.hero .eyebrow{color:var(--acid);font-size:10px;margin-bottom:21px}.hero .status-dot{background:var(--pink);height:10px;width:3px;box-shadow:none}.hero h1{font-size:112px;line-height:.87;letter-spacing:-.045em;margin:0 0 27px;font-weight:850;text-transform:uppercase;color:var(--acid);text-shadow:3px 0 0 #ff3c6870}.hero h1>span{display:block;font-size:44px;letter-spacing:-.025em;line-height:1.1;font-weight:600;margin-top:28px;text-transform:none;color:var(--text);text-shadow:none}.hero-description{font-size:16px;color:var(--muted);max-width:440px;line-height:1.8;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 20px;font-size:12px;font-weight:750;transition:background .18s,color .18s;min-height:52px;position:relative;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.button-dark{background:var(--acid);color:#10151a}.button-dark:after{content:'';position:absolute;right:7px;top:7px;width:13px;height:2px;background:#10151a55}.button-dark:hover{background:var(--cyan);color:#08151e}.button span{font-size:19px;font-weight:500}.text-link{font-size:12px;font-weight:650;display:inline-flex;align-items:center;gap:16px;line-height:1.7;border-bottom:1px solid #8ef5ed55;padding-bottom:4px;color:var(--cyan)}.text-link:hover{border-color:var(--acid)}.hero-note{font-size:10px;color:var(--muted);margin:22px 0 0;letter-spacing:.04em}.hero-note:before{content:'//';color:var(--pink);margin-right:9px}
.hero-art{height:590px;margin:0;position:relative;display:grid;place-items:center;isolation:isolate;overflow:clip;padding:30px 0 35px;background:linear-gradient(135deg,#111c25,#091019 75%);clip-path:polygon(18px 0,calc(100% - 25px) 0,100% 25px,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.hero-art:before{content:'';position:absolute;inset:7px;border:1px solid var(--line);z-index:-2;clip-path:polygon(15px 0,calc(100% - 21px) 0,100% 21px,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.hero-art:after{content:'';position:absolute;inset:49px 23px 62px;border:1px solid #8ef5ed4d;background:repeating-linear-gradient(0deg,transparent 0 3px,#8ef5ed04 3px 4px);pointer-events:none;z-index:2}.portrait-head{position:absolute;top:17px;left:26px;right:26px;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.12em;color:var(--cyan);z-index:3}.portrait-head span:last-child{color:var(--acid)}.art-circle{position:absolute;inset:50px 24px 62px;z-index:-2;background:radial-gradient(ellipse at 48% 44%,#ff3c6819,transparent 67%),linear-gradient(180deg,#0a141e,#081018);overflow:hidden}.art-circle:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#8ef5ed08 1px,transparent 1px),linear-gradient(90deg,#8ef5ed08 1px,transparent 1px);background-size:44px 44px}.art-circle:after{content:'';position:absolute;left:0;right:0;top:62%;height:1px;background:var(--cyan);box-shadow:0 0 24px 5px #8ef5ed30;opacity:.16}.capri-character{width:575px;max-width:113%;height:545px;object-fit:contain;position:relative;z-index:1;transform:translateY(-5px);filter:drop-shadow(0 0 16px #ff3c6812);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.hero-art:hover .capri-character{transform:translateY(-12px)}.art-cross{position:absolute;display:block;width:20px;height:20px;color:transparent;z-index:3;pointer-events:none}.cross-one{top:46px;left:20px;border-left:3px solid var(--cyan);border-top:3px solid var(--cyan)}.cross-two{bottom:59px;right:20px;border-right:3px solid var(--cyan);border-bottom:3px solid var(--cyan)}.art-label{position:absolute;left:33px;bottom:77px;font-size:7px;letter-spacing:.17em;color:#75949f;z-index:3}.hero-art figcaption{position:absolute;bottom:21px;left:25px;right:25px;font-size:10px;display:flex;align-items:center;gap:9px;color:#bfd2d8;line-height:1.3}.hero-art figcaption:after{content:'\\\\';color:var(--pink);margin-left:auto;font-size:16px;letter-spacing:-3px}.caption-dot{width:3px;height:8px;background:var(--pink);box-shadow:none}
.intro-strip{border-block:1px solid var(--line);background:#0b151e;position:relative}.intro-strip:before{content:'';position:absolute;left:0;top:-2px;width:21%;height:3px;background:var(--acid);clip-path:polygon(0 0,100% 0,calc(100% - 3px) 100%,0 100%)}.strip-inner{min-height:66px;display:flex;gap:22px;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.03em}.strip-inner span:not(:first-child):before{content:'//';margin-right:15px;color:var(--pink);font-weight:700}.strip-inner span:first-child{color:var(--muted);font-size:10px}
.section{padding-block:90px}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end}.section-heading .eyebrow{grid-column:1/-1}.section-heading .eyebrow:after{content:'';height:1px;background:var(--line);flex:1;margin-left:20px}.section-heading h2{margin:0}.section-heading>p:last-child{margin:0;max-width:440px;color:var(--muted);font-size:15px}h2{font-size:39px;line-height:1.2;font-weight:600;letter-spacing:-.025em;margin:0}h3{font-size:20px;line-height:1.3;font-weight:650;letter-spacing:-.02em;margin:0 0 13px}.features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:43px;gap:21px}.feature{background:var(--panel);border:1px solid var(--line);padding:25px 25px 28px;position:relative;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.feature:after{content:'';position:absolute;right:0;top:0;width:20px;height:2px;background:var(--cyan);transform:rotate(45deg);transform-origin:top right}.feature-number{display:flex;justify-content:space-between;font-size:10px;color:var(--cyan);margin-bottom:28px;letter-spacing:.1em}.feature-number:after{content:'///';color:var(--pink);letter-spacing:1px}.feature p{color:var(--muted);font-size:13px;margin-bottom:0;line-height:1.85}.local-panel{display:grid;grid-template-columns:.95fr 1.05fr;background:#0c171f;border:1px solid var(--line);margin-top:46px;overflow:hidden;min-height:400px;position:relative;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.local-panel:after{content:'';position:absolute;top:0;left:14px;height:2px;background:var(--pink);width:92px}.local-visual{margin:32px;display:flex;flex-direction:column;border:1px solid #365763;position:relative}.window-bar{display:flex;gap:5px;align-items:center;border-bottom:1px solid #365763;height:31px;padding-inline:11px}.window-bar i{display:block;background:var(--cyan);width:3px;height:7px;opacity:.5}.window-bar i:nth-child(2){background:var(--pink)}.window-bar>span{margin-left:auto;font-size:9px;color:var(--cyan);letter-spacing:.08em;text-transform:uppercase}.local-orbit{flex:1;min-height:225px;display:grid;place-items:center;position:relative;overflow:hidden;background-image:linear-gradient(#8ef5ed08 1px,transparent 1px),linear-gradient(90deg,#8ef5ed08 1px,transparent 1px);background-size:28px 28px}.orbit-ring{position:absolute;width:146px;height:146px;border:1px solid #365763;transform:rotate(45deg);box-shadow:0 0 18px #8ef5ed05}.orbit-ring.second{width:212px;height:212px;border-color:#203d47}.orbit-center{display:flex;align-items:center;gap:5px;font-size:85px;font-weight:750;line-height:1;letter-spacing:-.05em;color:var(--acid);position:relative}.orbit-center>span{font-size:39px;color:var(--pink);font-weight:400}.orbit-point{position:absolute;top:16%;right:26%;background:var(--cyan);width:7px;height:7px;box-shadow:0 0 15px #8ef5ed55}.local-visual-label{font-size:8px;letter-spacing:.15em;text-align:center;color:var(--cyan);padding:12px;border-top:1px solid #365763}.local-copy{padding:43px 45px 41px 15px}.local-copy .eyebrow{color:var(--acid);margin-bottom:17px}.local-copy h2{margin-bottom:22px}.local-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.local-copy .fine-print{font-size:11px!important;color:#95abb7!important;margin-bottom:20px}.tech-tags{display:flex;gap:9px;flex-wrap:wrap}.tech-tags>span{border:1px solid #365763;background:#0a121b;padding:4px 9px;font-size:9px;color:var(--cyan);letter-spacing:.03em}
.journal{background:#0b141d;border-block:1px solid var(--line);position:relative}.journal:before{content:'';position:absolute;right:0;top:0;width:24%;height:3px;background:linear-gradient(90deg,var(--pink) 35%,transparent 35% 40%,var(--pink) 40% 100%)}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-title-row .eyebrow{margin-bottom:19px}.section-title-row .text-link{margin-bottom:4px}.section-intro{max-width:610px;color:var(--muted);font-size:14px;margin:23px 0 36px}.journal-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:49px}.journal-main{border-top:1px solid var(--line);padding-top:18px}.post-meta{display:flex;justify-content:space-between;gap:15px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:20px}.post-meta>span{color:var(--acid)}.version-art{background:var(--acid);color:#10151a;height:190px;display:flex;align-items:center;gap:28px;position:relative;overflow:hidden;padding:20px 33px;margin-bottom:27px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.version-art:after{content:'';position:absolute;bottom:0;right:0;width:45%;height:8px;background:repeating-linear-gradient(-45deg,#10151a 0 4px,transparent 4px 8px);opacity:.8}.version-art>span:first-child{font-size:125px;line-height:1;font-weight:800;letter-spacing:-.09em;position:relative;z-index:1}.version-note{font-size:9px;line-height:1.8;letter-spacing:.12em;position:relative;z-index:1;font-weight:650}.version-star{font-size:215px;position:absolute;right:-45px;top:-43px;color:#10151a15;line-height:1.2;font-weight:100}.journal-main h3{font-size:28px}.journal-main>p,.journal-small>p:not(.post-meta){color:var(--muted);font-size:14px;line-height:1.85}.journal-main .text-link{margin-top:6px}.journal-small{border-top:1px solid var(--line);padding:18px 0 28px}.journal-small+.journal-small{padding-top:25px;padding-bottom:0}.journal-small h3{max-width:370px;font-size:22px}.journal-small .post-meta{color:var(--cyan)}.demo-links{display:flex;gap:17px;flex-wrap:wrap;font-size:11px;font-weight:650;color:var(--cyan)}.demo-links a{border-bottom:1px solid #8ef5ed55;padding-bottom:4px}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list details{border-top:1px solid var(--line);position:relative}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:15px;font-weight:600;line-height:1.5;transition:color .18s}.faq-list summary:hover,.faq-list details[open] summary{color:var(--cyan)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:21px;line-height:1.1;font-weight:400;color:var(--cyan)}.faq-list details[open] summary>span{transform:rotate(45deg);color:var(--pink)}.faq-list details p{color:var(--muted);font-size:13px;margin:0 0 23px;max-width:560px;line-height:1.9}.faq-list details p a{text-decoration:underline;text-underline-offset:4px;color:var(--cyan)}
.author-section{padding-block:74px;background:linear-gradient(110deg,#111b26,#0a1921);border-block:1px solid #365763;position:relative}.author-section:before{content:'';position:absolute;top:-3px;left:0;width:22%;height:4px;background:var(--cyan);clip-path:polygon(0 0,100% 0,calc(100% - 4px) 100%,0 100%)}.author-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:85px}.author-copy h2{margin-bottom:23px}.author-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:450px;margin-bottom:28px;line-height:1.85}.author-copy .eyebrow{margin-bottom:22px;color:var(--acid)}.social-list{padding-top:8px}.social-list>a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 10px 17px 0;border-bottom:1px solid #365763;transition:background .18s,padding .18s}.social-list>a:first-child{border-top:1px solid #365763}.social-list>a:hover{padding-left:12px;background:#8ef5ed06}.social-list strong{display:block;font-size:20px;font-weight:650;letter-spacing:.02em}.social-list small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.social-list>a>span:last-child{font-size:23px;color:var(--cyan)}.footer{padding-block:34px 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top .brand{font-size:17px;color:var(--cyan)}.footer-top>span{font-size:11px;color:var(--muted);letter-spacing:.04em}.footer-top>a:last-child{font-size:11px;color:var(--cyan)}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;display:flex;justify-content:space-between;gap:30px;font-size:9px;color:#91a4af}.footer-bottom>p:last-child{max-width:565px}.footer-bottom p{margin-bottom:0}
@media(min-width:1500px){.wrap{width:min(1280px,calc(100% - 128px))}.hero{gap:70px;min-height:770px}.hero-art{height:620px}.capri-character{height:585px;width:610px}.hero h1{font-size:126px}.hero h1>span{font-size:48px}}
@media(max-width:1080px){.wrap{width:calc(100% - 64px)}.brand-caption{display:none}.hero{min-height:680px;gap:25px;padding-block:45px 55px}.hero h1{font-size:94px}.hero h1>span{font-size:37px}.hero-art{height:555px}.capri-character{height:505px;width:530px;max-width:122%}.hero-description{font-size:15px}.hero .eyebrow{font-size:9px;letter-spacing:.08em}.hero-actions{gap:18px}.button{font-size:11px;gap:17px;padding-inline:17px}.hero-actions .text-link{font-size:11px}.art-label{font-size:6px}.section-heading{column-gap:40px}.strip-inner{font-size:10px;gap:15px}.strip-inner span:not(:first-child):before{margin-right:10px}.strip-inner span:first-child{font-size:9px}.features{gap:17px}.feature{padding:23px 20px}.feature h3{font-size:18px}.local-copy{padding:34px 28px 34px 0}.local-visual{margin:27px}.local-panel h2{font-size:35px}.journal-grid{gap:35px}.version-art{padding-inline:23px;gap:20px}.version-art>span:first-child{font-size:103px}.version-note{font-size:8px}.faq-section,.author-grid{gap:40px}.author-copy h2{font-size:35px}h2{font-size:36px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:76px}.brand{font-size:17px;gap:9px}.brand-mark{font-size:21px}nav{gap:17px;font-size:10px;letter-spacing:.02em}nav a{gap:6px}nav a:last-child{display:none}nav a:before{font-size:7px}.hero{grid-template-columns:1fr;padding-block:43px 37px;gap:34px;min-height:0}.hero:before{inset:0}.hero .eyebrow{font-size:9px;margin-bottom:22px}.hero h1{font-size:102px}.hero h1>span{font-size:40px;margin-top:24px}.hero-description{max-width:500px;font-size:15px;margin-bottom:27px;line-height:1.85}.hero-actions{gap:20px}.button{font-size:11px;min-height:51px;padding-inline:18px}.hero-note{margin-top:19px;font-size:9px}.hero-art{width:min(470px,100%);height:auto;aspect-ratio:.85;margin-inline:auto;padding-top:31px;padding-bottom:33px}.capri-character{height:auto;width:115%;max-width:115%;transform:translateY(-3px)}.hero-art:hover .capri-character{transform:translateY(-3px)}.hero-art:after{inset:45px 17px 55px}.hero-art:before{inset:6px}.art-circle{inset:46px 18px 55px}.portrait-head{top:18px;left:20px;right:20px;font-size:7px;letter-spacing:.09em}.cross-one{top:43px;left:15px}.cross-two{bottom:53px;right:15px}.art-label{left:25px;bottom:68px;font-size:6px;letter-spacing:.12em}.hero-art figcaption{bottom:19px;font-size:9px;left:20px;right:20px}.hero-art figcaption:after{font-size:13px}.intro-strip{margin-top:0}.strip-inner{display:grid;grid-template-columns:1fr 1fr;min-height:93px;padding-block:17px;gap:10px 16px;font-size:10px}.strip-inner span:first-child{font-size:9px}.strip-inner span:nth-child(3):before{display:none}.section{padding-block:60px}.section-heading{display:block}.eyebrow{margin-bottom:19px;font-size:9px;letter-spacing:.14em}h2{font-size:32px}.section-heading>p:last-child{font-size:14px;margin-top:21px;max-width:none}.features{grid-template-columns:1fr;gap:15px;margin-top:31px}.feature{display:grid;grid-template-columns:26px 1fr;gap:0 10px;padding:23px 21px}.feature-number{grid-row:1/3;padding-top:3px;margin-bottom:0;font-size:9px}.feature-number:after{display:none}.feature h3{font-size:20px;margin-bottom:9px}.feature p{grid-column:2;font-size:13px;max-width:530px}.local-panel{grid-template-columns:1fr;margin-top:30px}.local-visual{margin:22px 22px 0;min-height:270px}.local-copy{padding:29px 24px 30px}.local-copy h2{font-size:33px}.local-copy>p:not(.eyebrow){font-size:13px}.local-copy .fine-print{font-size:11px!important}.section-title-row{align-items:start;flex-direction:column;gap:19px}.section-title-row .eyebrow{margin-bottom:17px}.section-intro{font-size:13px;margin-top:22px}.journal-grid{grid-template-columns:1fr;gap:34px}.version-art{height:164px;padding-inline:26px;gap:24px}.version-art>span:first-child{font-size:108px}.version-note{font-size:8px}.journal-main h3{font-size:25px}.journal-small h3{max-width:none;font-size:21px}.journal-main>p,.journal-small>p:not(.post-meta){font-size:13px}.journal-small+.journal-small{padding-top:24px}.demo-links{gap:16px;font-size:11px}.post-meta{font-size:8px;letter-spacing:.09em}.faq-section{grid-template-columns:1fr;gap:29px}.faq-list summary{font-size:14px;padding-block:20px}.author-section{padding-block:54px}.author-grid{grid-template-columns:1fr;gap:32px}.author-copy h2{font-size:32px}.author-copy>p:not(.eyebrow){max-width:none;font-size:13px}.social-list{padding-top:0}.social-list strong{font-size:19px}.footer{padding-block:27px}.footer-top{gap:15px;flex-wrap:wrap}.footer-top>span{display:none}.footer-bottom{flex-direction:column;gap:12px;font-size:9px}.footer-bottom>p:last-child{max-width:none}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:90px}.hero h1>span{font-size:36px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.button{font-size:10px;gap:12px}.strip-inner{font-size:9px}.strip-inner span:first-child{font-size:8px}.version-art{padding-inline:19px;gap:17px}.version-note{font-size:7px}.author-copy h2,h2{font-size:29px}.portrait-head{font-size:6px}.hero .eyebrow{font-size:8px}}
.button:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--pink)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.hero-art:hover .capri-character{transform:translateY(-5px)}}