@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-cyrillic-400-normal-BMzJvInZ.woff2) format("woff2"),url(/assets/manrope-cyrillic-400-normal-Dvx59UGC.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-cyrillic-500-normal-B1OEZity.woff2) format("woff2"),url(/assets/manrope-cyrillic-500-normal-CNwnNrRC.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-cyrillic-600-normal-DvRl3Mj-.woff2) format("woff2"),url(/assets/manrope-cyrillic-600-normal-It4mZcQk.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-cyrillic-700-normal-Dw_fZAg2.woff2) format("woff2"),url(/assets/manrope-cyrillic-700-normal-7JNVKxyl.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}:root{font-family:Manrope,Arial,sans-serif;color:#eeefef;background:#090e10;font-synthesis:none;font-weight:400;--mint:#7bf5d2;--muted:#a4adb0;--line:#ffffff2c}.typed-headline{position:relative;white-space:pre-wrap;overflow-wrap:normal;padding-right:.3em;min-height:4.14em}.headline-full{display:block}.typed-headline:has(.headline-typing) .headline-full{color:transparent}.headline-typing{position:absolute;top:0;right:0;bottom:0;left:0}.typing-caret{display:inline-block;vertical-align:-.08em;width:2px;height:.88em;background:var(--mint);margin-left:.07em;box-shadow:0 0 10px #7bf5d266;animation:caret-blink 1.05s step-end infinite;letter-spacing:0}.typing-caret.is-typing{animation:none}@keyframes caret-blink{0%,48%{opacity:1}49%,to{opacity:0}}.demo-body{position:relative;min-width:0}.screen-sidebar .sidebar-item{width:100%;text-align:left;border-left:2px solid transparent;min-height:52px}.screen-sidebar .sidebar-item.active{border-left-color:var(--mint)}.screen-sidebar .sidebar-item:hover{background:#18302b}.screen-portal button:disabled{opacity:.5;cursor:default;box-shadow:none;filter:none}.screen-portal button:focus-visible,.screen-portal input:focus-visible,.screen-portal textarea:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.demo-panel{position:absolute;top:51px;right:0;bottom:0;left:0;z-index:3;background:#101c20f7;padding:30px 34px;color:#edf5f1;font:16px/1.5 Manrope,sans-serif;animation:screen-in .2s ease both;overflow:auto}.automation-demo .demo-panel,.ai-demo .demo-panel{top:0;right:0;bottom:0;left:0}.demo-panel-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #7bf5d230;padding-bottom:18px;margin-bottom:20px}.demo-panel h2{font-size:27px;font-weight:500;letter-spacing:-.5px}.demo-panel-heading button{padding:8px;display:grid;place-items:center}.demo-panel>p{color:#aebfbc;margin:18px 0;font-size:16px;max-width:560px}.demo-field{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#c1d5cf;margin:22px 0}.demo-field input,.demo-field textarea{font:22px/1.35 Manrope,sans-serif;color:#f0faf5;background:#0b1519;border:1px solid #6eb59f80;border-radius:6px;padding:16px;resize:none;width:100%}.demo-presets,.question-choices{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.demo-presets button,.question-choices button{font-size:12px;background:#20332f;border:1px solid #60847770;border-radius:4px;padding:8px 11px}.question-choices button[aria-pressed=true]{color:var(--mint);border-color:var(--mint)}.demo-primary{display:inline-flex;align-items:center;gap:16px;border-radius:5px;background:var(--mint);color:#09271d;font-size:14px;padding:13px 18px;margin-top:18px}.demo-primary:hover{color:#09271d;background:#aeffe8}.demo-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid #7bf5d250;border-radius:7px;margin:25px 0;text-align:left}.demo-toggle strong{font-size:13px;font-weight:500;color:#a9b8b3;background:#233432;padding:7px 12px;border-radius:20px}.demo-toggle[aria-pressed=true] strong{color:var(--mint);background:#164738}.demo-panel .demo-local-note{font-size:12px;color:#87a399;margin-top:28px}.media-preview{display:flex;gap:28px;align-items:center;text-align:left;background:#1a2d27;padding:16px;width:100%;border-radius:7px}.media-preview img{width:175px;height:220px;object-fit:cover;border-radius:4px}.media-preview span{display:flex;align-items:center;gap:14px;font-size:15px}.demo-info-row,.knowledge-row{display:flex;gap:18px;align-items:center;border-bottom:1px solid #819e912b;padding:20px 0;color:#d5e5df}.demo-info-row>svg,.knowledge-row>svg{color:var(--mint)}.demo-info-row small,.knowledge-row small{display:block;font-size:13px;color:#9cb3a9;margin-top:6px}.knowledge-row{width:100%;text-align:left}.knowledge-row>span{flex:1}.musician-header .musician-brand{text-align:left;font:inherit;padding:0}.musician-header .site-nav{display:flex;gap:17px;font-size:13px}.site-nav button{padding:8px 0}.musician-site button:hover{color:#205f47}.site-nav button[aria-pressed=true]{border-bottom:1px solid #205f47}.musician-copy .editable-title{display:block;text-align:left;white-space:pre-line;font-family:Georgia,Times New Roman,serif;line-height:.98;color:#171a18;background:none}.inline-toolbar button{padding:3px;font-size:11px;display:inline-flex;gap:6px;align-items:center}.inline-toolbar .format-bold{font-weight:700;font-size:14px}.inline-toolbar .format-italic{font-style:italic;font-size:14px}.inline-toolbar button[aria-pressed=true]{color:var(--mint);background:#224239;border-radius:3px}.musician-site .sample-link:hover{color:var(--mint);background:#213d34}.app-subnav{display:flex;gap:12px}.app-subnav button{padding:8px 0;font-size:12px}.app-subnav button[aria-pressed=true]{color:var(--mint);border-bottom:1px solid var(--mint)}.order-tab-content{height:247px;padding:12px 30px}.order-tab-content h3{font-size:21px;font-weight:500;margin-bottom:20px}.order-tab-content p{color:#a9bab2;font-size:15px;line-height:1.6;margin-bottom:10px}.linked-actions>button{display:flex;align-items:center;gap:12px;font-size:18px;margin-bottom:27px;text-align:left;width:100%;padding:0}.linked-actions>button>svg{color:var(--mint);width:46px;height:46px;padding:10px;border:1px solid #6ad9bb88;border-radius:50%}.linked-actions .knowledge-source{display:block;margin:0;background:#192e26;border:1px solid #7bf5d244;border-radius:6px;padding:12px;font-size:13px;line-height:1.5}.knowledge-source p{font-size:13px;color:#d8e9e0;margin-top:8px}.ai-demo .integration-strip{width:100%;text-align:left}.ai-demo .chat-panel{padding-bottom:14px}.ai-demo .question-choices{gap:6px;margin-bottom:0}.question-choices button{font-size:11px;padding:7px 8px}@media(max-width:760px){h1.typed-headline{font-size:clamp(28px,7vw,52px);min-height:4.24em}.demo-panel button{min-height:40px}}@media(prefers-reduced-motion:reduce){.typing-caret{animation:none;opacity:1}}*{box-sizing:border-box}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}button:hover,a:hover{color:var(--mint)}svg{flex-shrink:0;vertical-align:middle}button svg,a svg{pointer-events:none}p,h1,h2,h3{margin:0}::selection{background:#7bf5d2;color:#081210}.skip-link{position:fixed;left:16px;top:-80px;z-index:40;background:var(--mint);color:#071310;padding:15px}.skip-link:focus{top:16px}.hero{min-height:100svh}.hero-stage{position:relative;height:calc(100svh - 126px);min-height:660px;overflow:hidden;padding-top:80px}.scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.scene-canvas{position:absolute;width:1536px;height:1024px;transform-origin:0 0}.scene-photo{position:absolute;width:1536px;height:1024px;top:0;right:0;bottom:0;left:0}.header{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;margin:0 3%;height:100%;border-left:1px solid #b1c1bf80;padding:0 1.9%}.brand{font-size:24px;letter-spacing:-1px;font-weight:600}.brand span{color:#c5c7ca;font-size:20px;font-weight:400;letter-spacing:-.7px;margin-left:8px}.header nav{display:flex;gap:40px;align-items:center}.nav-link{font-size:16px;display:flex;gap:8px;align-items:center;padding:10px 0}.nav-beacon:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:2px}.hero-copy{position:relative;z-index:2;margin-left:3%;padding-top:clamp(38px,8.7vh,88px);width:42%;pointer-events:none}.hero-copy button,.hero-copy a{pointer-events:auto}.intro{border-left:1px solid #c1d0cb88;padding:0 0 44px 4.7%}h1{font-size:clamp(38px,3.86vw,64px);font-weight:500;line-height:1.035;letter-spacing:-2.9px}.lead{font-size:clamp(16px,1.41vw,23px);line-height:1.5;margin-top:30px;letter-spacing:-.35px}.hero-actions{display:flex;gap:32px;align-items:center;margin-top:33px;white-space:nowrap}.primary{position:relative;display:inline-flex;padding:0;background:none;border-radius:4px;font-weight:600;font-size:18px;color:#04140f;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.primary:hover,.primary:focus-visible{color:#04140f}.text-link{display:inline-flex;align-items:center;gap:8px;padding:0 0 6px;border-bottom:1px solid #c1d0cb88;font-size:15px}.eyebrow{text-transform:uppercase;font:11px/1.5 Manrope,sans-serif;letter-spacing:2.5px;color:#d2d8d8}.direction-bar{height:126px;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 3%;background:#090e10}.direction-tabs{display:grid;grid-template-columns:1fr 1.05fr 1fr;flex:1;height:100%;padding:23px 0 14px}.direction-tab{position:relative;display:flex;flex-direction:column;text-align:left;border-left:1px solid #9dafad80;padding:3px 28px 0;gap:6px;white-space:nowrap}.direction-tab.selected:before{content:"";position:absolute;top:-24px;left:0;height:3px;width:145px;background:var(--mint)}.direction-tab strong{font-size:clamp(19px,1.78vw,29px);font-weight:500;letter-spacing:-.8px}.tab-description{font-size:clamp(13px,1.22vw,19px);color:#d8dddd}.selected .tab-number,.selected strong{color:var(--mint)}.play-toggle{position:relative;width:38px;height:38px;flex-shrink:0;border:1px solid #b0b8b7;border-radius:50%;display:grid;place-items:center;overflow:visible;background:#081113a6;color:#c7d5d2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.play-toggle:hover{border-color:var(--mint)}.screen-plane{position:absolute;top:0;left:0;width:960px;height:680px;transform-origin:0 0;overflow:hidden;background:#0b1418;color:#f1f2f2;border-radius:3px}.screen-content{width:100%;height:100%;display:flex;animation:screen-in .55s ease both}.screen-sidebar{width:132px;flex-shrink:0;padding-top:36px;background:#0b1317;border-right:1px solid #84939318}.screen-logo{width:43px;height:43px;margin:0 0 36px 29px;color:#dce8e5}.sidebar-item{display:flex;gap:11px;align-items:center;padding:16px 10px;font-size:12px;color:#b9c2c6}.sidebar-item.active{background:#1b302e;border-left:2px solid var(--mint);color:#f2f6f5}.website-demo{flex:1;min-width:0;background:#e4ddcd}.editor-bar{height:51px;padding:9px 21px;background:#101c20;display:flex;align-items:center;justify-content:space-between;font-size:12px}.editor-bar button{background:var(--mint);color:#102d25;border-radius:3px;display:flex;gap:8px;align-items:center;padding:9px 12px;font-size:12px}.editor-bar>span{display:flex;align-items:center;gap:7px;color:var(--mint)}.musician-site{color:#171a18;font-family:Georgia,Times New Roman,serif}.musician-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;font-size:22px}.musician-header small{display:block;color:#78776f;font-size:12px;margin-top:5px}.site-nav{font-size:13px}.musician-hero{position:relative;height:458px;overflow:hidden}.musician-hero>img{position:absolute;right:0;top:0;width:57%;height:100%;object-fit:cover;object-position:65% center;filter:sepia(.13)}.musician-copy{position:relative;width:54%;padding:32px 0 0 36px}.inline-toolbar{font-family:Manrope,sans-serif;display:flex;align-items:center;justify-content:space-between;background:#0b1517;color:#fff;box-shadow:0 8px 14px #0002;border-radius:7px;width:365px;padding:12px 16px;font-size:11px;margin-bottom:20px}.inline-toolbar svg,.inline-toolbar span:last-child{color:var(--mint)}.editable-title{font-size:58px;line-height:.98;font-weight:400;font-style:italic;letter-spacing:-2px;width:300px;border:1px solid #55c9a9;outline:3px solid #77ffd21c;padding:10px 12px 15px}.musician-copy p{font-size:17px;white-space:nowrap;margin-top:17px}.sample-link{display:inline-flex;gap:16px;align-items:center;font-size:12px;background:#1b2323;color:#f7f3e9;margin-top:29px;padding:15px 20px}.site-bottom{display:flex;align-items:center;justify-content:space-between;padding:23px 35px;border-top:1px solid #a69f8f;font-size:23px}.site-bottom span:nth-child(2){font-size:16px;max-width:160px}.annotation{position:absolute;left:1250px;top:550px;z-index:2;font-size:24px;line-height:1.25;letter-spacing:-.65px;pointer-events:none}.annotation-line{position:absolute;width:208px;right:100%;top:23px;transform:rotate(34deg);transform-origin:right center}.annotation-line:before{content:"";position:absolute;left:0;top:-5px;width:9px;height:9px;border:1px solid var(--mint);border-radius:50%;background:#80f8d9}.annotation-1{left:1195px;top:541px;font-size:23px}.annotation-1 .annotation-line{width:110px;transform:rotate(23deg)}.annotation-2{left:1195px;top:555px;font-size:21px}.annotation-2 .annotation-line{width:150px;transform:rotate(54deg);right:30%;top:0}.demo-label{position:absolute;left:1215px;top:794px;font-size:11px;letter-spacing:1.5px;color:#a8b6b6;transform:rotate(3deg)}.automation-demo,.ai-demo{padding:30px 31px;width:828px;background:#0c161a}.app-heading{height:60px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #9cafae20}.app-heading h2{font-size:26px;font-weight:500;letter-spacing:-.6px}.status-dot{display:inline-flex;gap:9px;align-items:center;color:var(--mint);background:#15312e;padding:8px 14px;border-radius:22px;font-size:14px}.status-dot:before{content:"";width:8px;height:8px;background:var(--mint);border-radius:50%}.app-subnav{margin-left:auto;font-size:12px}.process-steps{display:flex;justify-content:space-between;margin:35px 40px 32px 50px;position:relative}.process-steps:before{content:"";position:absolute;top:20px;left:6%;right:6%;height:1px;background:#5c9e8e}.process-steps>div{position:relative;display:flex;align-items:center;flex-direction:column;gap:13px;font-size:17px}.process-steps>div>span{width:42px;height:42px;display:grid;place-items:center;background:#173e35;border:1px solid var(--mint);border-radius:50%}.process-steps .complete>span{background:var(--mint);color:#0b241d;box-shadow:0 0 26px #74ffd223}.event-list{padding:8px 28px;display:flex;flex-direction:column;gap:22px}.event-list>div{display:flex;gap:18px;align-items:center;position:relative}.event-icon{width:49px;height:49px;border:1px solid #496460;border-radius:50%;display:grid;place-items:center}.event-list h3{font-size:19px;font-weight:500}.event-list p{color:#93a1a7;font-size:14px;margin-top:6px}.event-check{color:var(--mint)}.waiting{opacity:.6}.code-panel{width:420px;margin-top:24px;border:1px solid #82999326;border-radius:8px;overflow:hidden}.code-panel>span{display:flex;gap:10px;padding:11px 14px;border-bottom:1px solid #82999326;color:#abb6b9;font-size:12px}.code-panel code{display:block;padding:13px 16px;font-size:14px;line-height:1.9;color:#dfe8e4}.code-panel em{font-style:normal;color:#78908a;margin-right:16px}.code-panel mark{display:block;background:#163a33;color:#b5f5de}.run-demo{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--mint);padding:12px 0}.ai-demo .app-heading h2 span{font-weight:400}.ai-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:20px}.chat-panel,.linked-actions{border:1px solid #80979328;border-radius:8px;padding:24px 21px;min-height:416px}.chat-panel small{font-size:12px;color:#a0adb2;display:block;margin-bottom:13px}.message{font-size:17px;line-height:1.5;border-radius:14px;padding:16px 18px;margin-bottom:28px}.incoming{background:#202e36}.outgoing{background:#164a3e;margin-left:12px;position:relative}.outgoing svg{display:block;color:var(--mint);margin:7px 0 0 auto}.chat-action{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:#bfcfcb;border:1px solid #79938a35;border-radius:5px;padding:12px;width:100%}.linked-actions h3{font-size:18px;font-weight:500;margin-bottom:27px}.linked-actions>div{display:flex;align-items:center;gap:16px;font-size:18px;margin-bottom:31px}.linked-actions>div>svg{color:var(--mint);width:46px;height:46px;padding:10px;border:1px solid #6ad9bb88;border-radius:50%}.linked-actions small{display:block;font-size:13px;color:#a0adb2;margin-top:6px}.integration-strip{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:16px;border:1px solid #80979328;border-radius:8px;margin-top:22px;padding:19px 20px}.integration-strip>svg:first-child{color:#51caf4}.details-section{padding:108px max(5%,calc((100vw - 1400px)/2)) 96px;border-top:1px solid #ffffff12}.details-section>h2{font-size:clamp(32px,3.4vw,52px);font-weight:500;letter-spacing:-1.6px;line-height:1.08;margin:16px 0 48px}footer{margin:0 5%;padding:25px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px;color:#a4b0b0}footer a{display:flex;align-items:center;gap:8px}@keyframes screen-in{0%{opacity:0}to{opacity:1}}@media(min-width:1700px){.hero-copy{padding-top:9vh}.hero-actions{gap:35px}.hero-stage{min-height:800px}}@media(min-width:761px)and (max-height:850px){.hero-stage{min-height:640px}.hero-copy{padding-top:35px}.intro{padding-bottom:24px}.lead{margin-top:22px}.hero-actions{margin-top:25px}}@media(min-width:761px)and (max-width:1180px){.hero-copy{width:47%}h1{font-size:4vw;letter-spacing:-2px}.hero-actions{gap:18px;align-items:flex-start;flex-direction:column;margin-top:24px}.primary{font-size:16px}.primary-face{padding:15px 22px}.lead{font-size:16px}.header nav{gap:25px}.direction-tab{padding-left:19px}.tab-description{font-size:12px}}@media(max-width:760px){.hero{min-height:0}.hero-stage{height:auto;min-height:0;display:flex;flex-direction:column;padding-top:76px}.site-header{height:76px}.header{margin:0 5%;padding:0;border:0}.brand{font-size:21px}.brand span{font-size:14px;margin-left:4px;letter-spacing:-.3px}.header nav{gap:0}.nav-link{font-size:13px}.hero-copy{order:1;margin:22px 6% 0;width:auto;padding:0}.intro{border-left:0;padding:0}h1{font-size:clamp(34px,7.5vw,55px);line-height:1.06;letter-spacing:-1.8px}.lead{font-size:15px;line-height:1.7;margin-top:24px;letter-spacing:-.2px}.hero-actions{gap:23px;align-items:flex-start;flex-direction:column;margin-top:25px}.primary{font-size:16px}.primary-face{padding:16px 23px}.text-link{font-size:13px}.scene{order:2;position:relative;inset:auto;height:85vw;max-height:610px;margin-top:20px}.direction-bar{height:auto;padding:0 5%;position:relative}.direction-tabs{grid-template-columns:1fr;padding:0;width:100%}.direction-tab{display:flex;flex-direction:column;gap:4px;white-space:normal;padding:17px 10px;border-left:0;border-bottom:1px solid #70847b30}.direction-tab strong{font-size:19px;letter-spacing:-.4px}.tab-description{font-size:12px}.direction-tab.selected:before{width:2px;height:42px;left:0;top:18px}.details-section{padding:72px 7% 56px}.details-section>h2{font-size:32px;margin-bottom:32px}.annotation{font-size:25px}.screen-plane button{min-height:48px}.editor-bar button{min-height:32px}footer{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.play-toggle{display:none}}.hero-stage,.scene,.screen-plane{overflow:clip}.scene{container-type:inline-size}.scene-canvas{transform:scale(max(100cqw / 1536px,100svh / 900px))}@media(min-width:761px){.scene{container-type:size}.scene-canvas{transform:scale(max(100cqw / 1536px,100cqh / 900px))}}@media(max-width:760px){.scene-canvas{transform:translate(calc(-520px*100cqw/1030px),calc(-65px*100cqw/1030px)) scale(calc(100cqw/1030px))}}.screen-sidebar{width:166px}.automation-demo,.ai-demo{width:794px;padding:30px}.sidebar-item{font-size:13px;padding-left:14px}.app-heading h2{font-size:30px}.app-heading{gap:16px}.app-subnav{font-size:12px;white-space:nowrap}.event-list{gap:26px;padding-left:30px}.event-list h3{font-size:22px}.event-list p{font-size:15px}.event-icon{width:52px;height:52px}.code-panel{margin-top:21px;width:405px}.code-panel code{line-height:1.65;font-size:14px}.code-panel>span{padding:9px 14px}.message{font-size:18px;margin-bottom:23px;padding:15px 16px}.ai-columns{grid-template-columns:1.05fr 1fr;gap:15px}.chat-panel,.linked-actions{padding:23px 17px}.linked-actions>div{gap:12px}.linked-actions h3{font-size:19px}.annotation-1 .annotation-line{width:112px;transform:rotate(28deg)}.scene .annotation{opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transform-origin:left center;transition:opacity .2s ease,transform .3s ease,visibility 0s .3s}.annotation-card{display:block;padding:21px 24px;border:1px solid var(--mint);border-radius:15px;background:#081113ee;box-shadow:inset 0 0 30px #51f7bd0a,0 0 24px #51f7bd15;opacity:0;transform:translateY(14px) scale(.96);filter:blur(5px);transform-origin:left center;transition:opacity .2s ease,transform .3s ease,filter .2s ease}.annotation-line:before{opacity:0;transform:scale(.2);box-shadow:0 0 14px #56ffd4b3;transition:opacity .18s ease,transform .25s ease}.annotation-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:1px solid var(--mint);box-shadow:0 0 8px #56ffd455;transform:scaleX(0);transform-origin:left center;transition:transform .25s ease}.scene[data-ready=true]:not(:has(.screen-portal[data-pointer=inside])) .annotation{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity .35s ease,transform .5s cubic-bezier(.16,1,.3,1),visibility 0s}.scene[data-ready=true]:not(:has(.screen-portal[data-pointer=inside])) .annotation-line:before{opacity:1;transform:scale(1);transition:opacity .25s ease .08s,transform .45s cubic-bezier(.16,1,.3,1) .08s}.scene[data-ready=true]:not(:has(.screen-portal[data-pointer=inside])) .annotation-line:after{transform:scaleX(1);transition:transform .48s cubic-bezier(.16,1,.3,1) .15s}.scene[data-ready=true]:not(:has(.screen-portal[data-pointer=inside])) .annotation-card{opacity:1;transform:translateY(0) scale(1);filter:blur(0);transition:opacity .45s ease .32s,transform .65s cubic-bezier(.16,1,.3,1) .28s,filter .5s ease .28s}@media(prefers-reduced-motion:reduce){.annotation-card{filter:none}}body{min-width:0}.screen-portal[data-pointer=inside],.screen-portal[data-pointer=inside] *{cursor:none!important}.portal-effects{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;overflow:clip;border-radius:inherit}.portal-effects *{pointer-events:none}.portal-effects:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #7bf5d270;box-shadow:inset 0 0 36px #7bf5d21c;opacity:0;transition:opacity .25s}.screen-portal[data-pointer=inside] .portal-effects:before{opacity:1}.portal-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(115deg,#4affc660,transparent 48%,#3bffd43d);box-shadow:inset 0 0 85px #48ffc6bb}.portal-spill{position:absolute;top:0;left:0;width:960px;height:680px;transform-origin:0 0;overflow:visible;z-index:3;pointer-events:none;mix-blend-mode:screen}.portal-spill *{pointer-events:none}.portal-burst{position:absolute;width:0;height:0}.portal-wave{position:absolute;left:0;top:0;width:180px;height:180px;border:2px solid #d1fff0;border-radius:50%;opacity:0;background:radial-gradient(circle,transparent 51%,#38ffc64d 67%,#c8ffeb80 70%,transparent 74%);box-shadow:0 0 18px #38ffc6cc,0 0 42px #38ffc680,inset 0 0 22px #4affc680}.portal-echo{border-width:1px;border-color:#56ffe2;background:none;box-shadow:0 0 16px #38ffdbaa,inset 0 0 16px #38ffdbaa}.portal-bloom{position:absolute;left:0;top:0;width:600px;height:600px;opacity:0;background:radial-gradient(circle,#d4fff7bb 0%,#45ffc97a 12%,#22efb642 34%,transparent 67%);border-radius:50%}.portal-cursor{position:absolute;left:0;top:0;width:34px;height:44px;z-index:10;opacity:0;pointer-events:none;will-change:transform}.portal-cursor svg{position:absolute;left:-3px;top:-3px;overflow:visible;filter:drop-shadow(2px 4px 2px #001c1bcc);transform-origin:3px 3px;transform:scale(.6);transition:filter .15s,transform .1s}.portal-cursor path{fill:#f0fff9;stroke:#163f35;stroke-width:1.6;stroke-linejoin:round;transition:fill .15s}.screen-portal[data-pointer=inside] .portal-cursor{opacity:1}.screen-portal[data-action=true] .portal-cursor path{fill:#7bf5d2}.screen-portal[data-action=true] .portal-cursor svg{filter:drop-shadow(0 0 6px #7bf5d299) drop-shadow(2px 4px 2px #001c1baa)}.screen-portal[data-pressed=true] .portal-cursor svg{transform:scale(.504)}.screen-portal button{transition:background .18s,box-shadow .18s,filter .18s}.screen-portal button:hover{box-shadow:0 0 0 2px #7bf5d280,0 0 22px #7bf5d230;filter:brightness(1.1)}.screen-portal button:active{filter:brightness(.9)}@media(prefers-reduced-motion:reduce){.portal-spill,.portal-flash{display:none}}@media(max-width:360px){.brand{font-size:19px}.brand span,.nav-link{font-size:12px}.hero-copy{margin-left:6%;margin-right:6%}.direction-tab strong{font-size:17px}.lead{font-size:14px}}.scene-video{position:absolute;top:0;right:0;bottom:0;left:0;width:1536px;height:1024px;object-fit:fill;pointer-events:none}.closed-note{position:absolute;z-index:3;left:790px;top:196px;width:620px;display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center;pointer-events:none}.closed-note-status{--cut:10px;--edge:#7bf5d23d;--chamfer:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));position:relative;display:inline-flex;align-items:center;gap:12px;padding:9px 16px 9px 15px;clip-path:var(--chamfer);background:#06100fa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#8fd9c3;font:500 14px/1 JetBrains Mono,monospace;letter-spacing:.14em;text-transform:uppercase;animation:closed-status-in .8s cubic-bezier(.16,1,.3,1) .1s both}.closed-note-led{width:8px;height:8px;border-radius:50%;background:var(--mint);animation:sleep-led 3.4s ease-in-out infinite}.closed-note-clock{padding-left:12px;border-left:1px solid #7bf5d233;color:#e3fff6;letter-spacing:.06em}.closed-note-text{color:#b3ccc4;font-size:48px;font-weight:400;line-height:1.16;letter-spacing:-1.6px;text-wrap:balance;text-shadow:0 2px 24px #071310}.closed-note-word{display:inline-block;animation:closed-word-in 1s cubic-bezier(.16,1,.3,1) calc(.4s + var(--w)*.09s) both}.closed-note-word.is-last{color:var(--mint);text-shadow:0 0 22px #7bf5d259,0 2px 24px #071310}.closed-note-rule{width:200px;height:1px;margin-top:-6px;background:linear-gradient(90deg,transparent,#7bf5d2,#5cecff,transparent);box-shadow:0 0 12px #7bf5d299;animation:closed-rule-in 1.2s cubic-bezier(.16,1,.3,1) calc(.7s + var(--n)*.09s) both}.scene[data-state=opening] .closed-note{animation:closed-note-out .6s ease-in forwards}@keyframes closed-status-in{0%{opacity:0;transform:translateY(-10px);filter:blur(4px)}}@keyframes closed-word-in{0%{opacity:0;transform:translateY(.4em);filter:blur(8px)}}@keyframes closed-rule-in{0%{opacity:0;transform:scaleX(0)}}@keyframes closed-note-out{to{opacity:0;transform:translateY(-16px);filter:blur(6px)}}@keyframes sleep-led{0%,to{opacity:.25;box-shadow:0 0 #7bf5d200}50%{opacity:1;box-shadow:0 0 12px var(--mint)}}@media(max-width:760px){.closed-note{left:610px;top:150px;width:840px;gap:36px}.closed-note-status{--cut:14px;gap:16px;padding:13px 22px 13px 20px;font-size:28px}.closed-note-led{width:12px;height:12px}.closed-note-clock{padding-left:16px}.closed-note-text{font-size:68px;line-height:1.17;letter-spacing:-2px}.closed-note-rule{width:280px;height:2px}}@media(prefers-reduced-motion:reduce){.closed-note-led{opacity:1}}.scene-still-closed{opacity:0}.scene[data-state=closed] .scene-still-closed,.scene[data-state=opening] .scene-still-closed{opacity:1}.scene-interface{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility 0s .65s}.scene[data-live=true] .scene-interface{opacity:1;visibility:visible;transition:opacity .65s ease,visibility 0s}.hero-copy{transition:opacity .6s ease,transform .6s ease,visibility 0s .6s}.hero[data-intro-complete=true] .hero-copy{transition:opacity .6s ease,transform .6s ease,visibility 0s}.hero-controls{position:absolute;bottom:24px;left:3%;z-index:4;display:flex;align-items:center;gap:10px}.slide-indicators{display:none}.intro-control{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:180px;flex-shrink:0;padding:10px 12px;border:1px solid #b1c1bf35;border-radius:6px;background:#081113a6;color:#c7d5d2;font-size:12px;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.play-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;transform:rotate(-90deg);pointer-events:none;overflow:visible}.play-ring-track,.play-ring-value{fill:none;stroke-width:2.5}.play-ring-track{stroke:#9aa8a655}.play-ring-value{stroke:var(--mint);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;filter:drop-shadow(0 0 4px #7bf5d2) drop-shadow(0 0 8px #7bf5d288)}@media(prefers-reduced-motion:reduce){.scene-interface,.hero-copy{transition:none}.intro-control{display:none}}@property --holo-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.primary{--cut:12px;--chamfer:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));border-radius:0;filter:drop-shadow(0 0 10px #3ff5d259) drop-shadow(0 0 22px #5cecff26);transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s ease}.primary,.primary:hover,.primary:focus-visible{color:#04140f}.primary-plates{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.primary-plates:before,.primary-plates:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:var(--chamfer);mix-blend-mode:screen;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .3s ease}.primary-plates:before{background:#2ff3ff;transform:translate(3px,2px);opacity:.55}.primary-plates:after{background:#ff3fd2;transform:translate(-3px,-2px);opacity:.45}.primary-face{position:relative;z-index:1;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;padding:17px 28px;overflow:hidden;clip-path:var(--chamfer);background:conic-gradient(from var(--holo-angle),#7bf5d2,#5cecff 25%,#ff4fd8 50%,#5cecff 75%,#7bf5d2);font-size:15px;font-weight:800;-webkit-text-stroke:.45px currentColor;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 0 #ffffff59;animation:holo-border 4s linear infinite,holo-flicker 7s steps(1) infinite}.primary-face:before{content:"";position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;z-index:-1;clip-path:polygon(calc(var(--cut) - 1px) 0,100% 0,100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,0 100%,0 calc(var(--cut) - 1px));background:repeating-linear-gradient(0deg,#0568541f 0 1px,transparent 1px 3px),radial-gradient(120% 140% at 0 0,#e9fffbb3,transparent 55%),linear-gradient(120deg,#8af7e4,#7bf5d2 45%,#5ce8dc 80%,#6eecff);background-size:100% 3px,100% 100%,100% 100%;animation:holo-scan 1.2s linear infinite}.primary:hover{transform:translateY(-3px);filter:drop-shadow(0 0 14px #3ff5d2a6) drop-shadow(0 0 32px #5cecff4d)}.primary:hover .primary-face{text-shadow:-1.5px 0 #ff3fd2b3,1.5px 0 #0aa8c4b3;animation:holo-border 1.4s linear infinite,holo-glitch .9s steps(1) infinite}.primary:hover .primary-plates:before{opacity:.8;animation:holo-ghost-c .6s steps(1) infinite}.primary:hover .primary-plates:after{opacity:.7;animation:holo-ghost-m .6s steps(1) infinite}.primary:active{transform:translateY(1px)}.primary:active .primary-plates:before,.primary:active .primary-plates:after{animation:none;transform:none}@keyframes holo-border{to{--holo-angle:360deg}}@keyframes holo-scan{to{background-position:0 3px,0 0,0 0}}@keyframes holo-flicker{0%,91%,93.5%,96%,to{opacity:1}92%{opacity:.55}95%{opacity:.8}}@keyframes holo-glitch{0%,to{transform:none}10%{transform:translate(-2px) skew(-4deg)}12%{transform:translate(2px)}14%,60%{transform:none}62%{transform:translate(1px) skew(3deg)}64%{transform:none}}@keyframes holo-ghost-c{0%{transform:translate(4px,2px)}25%{transform:translate(6px,-1px)}50%{transform:translate(3px,3px)}75%{transform:translate(7px,1px)}}@keyframes holo-ghost-m{0%{transform:translate(-4px,-2px)}25%{transform:translate(-6px,1px)}50%{transform:translate(-3px,-3px)}75%{transform:translate(-7px,-1px)}}@media(min-width:761px)and (max-width:1180px){.primary-face{padding:15px 22px}}@media(max-width:760px){.primary-face{padding:16px 23px}}.brand-wordmark{display:inline-flex;align-items:center;gap:.1em;font-family:JetBrains Mono,monospace;font-weight:500;letter-spacing:0;font-variant-ligatures:none;white-space:nowrap}.brand-terminal{width:1.1em;height:1.1em;flex-shrink:0}.header .brand{display:flex;align-items:center;gap:12px;letter-spacing:0;white-space:nowrap}.header .brand>span{margin-left:0;letter-spacing:0}.header .brand .brand-wordmark{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:500;color:inherit}.brand-name{font-family:Manrope,Arial,sans-serif;font-weight:400}.header .brand .brand-name{font-size:20px}.brand-separator{color:#899598}.header .brand .brand-separator{font-size:18px;color:#899598}.footer-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.header .brand .mobile-brand{display:none}.header .brand .mobile-brand span{font-size:inherit;line-height:inherit;margin-left:0;letter-spacing:0;color:inherit}.mobile-brand-slot{display:grid;position:relative;padding-right:7px}.mobile-brand-slot [data-kind=code]{font-family:JetBrains Mono,monospace;font-weight:500}.mobile-brand-slot [data-kind=name]{font-family:Manrope,Arial,sans-serif;font-weight:400}.mobile-brand-measure{grid-area:1/1;visibility:hidden;pointer-events:none}.mobile-brand-live{position:absolute;left:0;top:0;white-space:nowrap}.mobile-brand-caret{display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.12em;background:var(--mint);opacity:0}.header .brand .mobile-brand-caret{margin-left:3px}.mobile-brand-live[data-phase=typing] .mobile-brand-caret,.mobile-brand-live[data-phase=erasing] .mobile-brand-caret{opacity:1}.mobile-brand-live[data-phase=holding] .mobile-brand-caret{animation:mobile-brand-blink .8s step-end 3}@keyframes mobile-brand-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(max-width:760px){.header .brand{display:flex;gap:0;flex-shrink:0}.header .brand .mobile-brand{display:inline-flex;align-items:center;gap:.1em;font-size:21px;font-weight:500;line-height:1.35;color:inherit}.header .brand>.brand-wordmark,.header .brand>.brand-name,.header .brand>.brand-separator{display:none}}.site-header{position:fixed;inset:0 0 auto;z-index:30;height:80px;overflow-x:clip;background-color:#060c0e9e;-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border-bottom:1px solid #ffffff14;transition:height .4s cubic-bezier(.16,1,.3,1),background-color .4s,box-shadow .4s;animation:header-in 1s cubic-bezier(.16,1,.3,1) .15s both}.site-header[data-scrolled=true]{height:64px;background-color:#060c0ee0;box-shadow:0 12px 40px #00000073}.site-header:before{content:"";position:absolute;left:0;bottom:-1px;width:32%;height:1px;background:linear-gradient(90deg,transparent,#7bf5d2,#5cecff,transparent);box-shadow:0 0 12px #7bf5d2;opacity:0;pointer-events:none;animation:header-sweep 1.8s cubic-bezier(.45,0,.2,1) .7s both}.header-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(280px 120px at var(--mx,50%) var(--my,50%),#7bf5d21c,transparent 70%);transition:opacity .4s}.site-header:hover .header-glow{opacity:1}.header-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#7bf5d2,#5cecff);box-shadow:0 0 10px #7bf5d299;pointer-events:none}@keyframes header-in{0%{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}@keyframes header-sweep{0%{transform:translate(-100%);opacity:0}15%,80%{opacity:1}to{transform:translate(320%);opacity:0}}@keyframes fade-rise{0%{opacity:0;transform:translateY(8px)}}.brand-wordmark .brand-text{color:inherit;font:inherit;letter-spacing:inherit;margin:0}.site-header .brand-text{display:inline-block;overflow:hidden;white-space:nowrap;width:9ch;animation:brand-type .85s steps(9,end) .65s both,brand-caret 2.6s step-end .65s both}.site-header .brand-terminal{animation:brand-icon .5s cubic-bezier(.16,1,.3,1) .4s both}.site-header .brand-separator,.site-header .brand-name{animation:fade-rise .6s ease 1.45s both}@keyframes brand-type{0%{width:0}}@keyframes brand-caret{0%,14%,28%,42%,56%,70%{box-shadow:2px 0 0 var(--mint)}7%,21%,35%,49%,63%,77%,to{box-shadow:2px 0 0 transparent}}@keyframes brand-icon{0%{opacity:0;transform:scale(.6)}}.header nav{position:relative}.nav-link{position:relative;z-index:1;animation:nav-in .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.75s + var(--i)*.09s)}@keyframes nav-in{0%{opacity:0;transform:translateY(-10px);filter:blur(4px)}}.nav-pill{position:absolute;left:0;top:50%;height:var(--pill-h,34px);width:var(--pill-w,0px);transform:translate(var(--pill-x,0px),-50%);border-radius:999px;background:#7bf5d214;border:1px solid #7bf5d238;box-shadow:inset 0 0 14px #7bf5d214,0 0 18px #7bf5d214;opacity:0;pointer-events:none;transition:opacity .25s}.nav-pill:after{content:"";position:absolute;left:50%;bottom:-1px;width:18px;height:2px;margin-left:-9px;border-radius:2px;background:var(--mint);box-shadow:0 0 8px var(--mint)}.header nav[data-pill] .nav-pill{opacity:1;transition:opacity .25s,transform .45s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1),height .45s cubic-bezier(.16,1,.3,1)}.nav-beacon:before{animation:beacon 2.4s ease-out infinite}@keyframes beacon{0%{box-shadow:0 0 #7bf5d2aa}70%,to{box-shadow:0 0 0 7px #7bf5d200}}.scramble{position:relative;display:inline-block;white-space:nowrap}.scramble-base.is-hidden{color:transparent}.scramble-live{position:absolute;left:0;top:0}.scramble-glyph{color:var(--mint);font-family:JetBrains Mono,monospace;font-size:.92em}.scene-glow{position:absolute;left:1090px;top:440px;width:1400px;height:1000px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#62ffd35c,#3cf2c21f 45%,transparent);mix-blend-mode:screen;opacity:0;pointer-events:none}.scene[data-live=true] .scene-glow{animation:scene-glow 2s ease-out .15s}@keyframes scene-glow{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}.scene[data-live=true] .scene-interface{transition:opacity .4s ease,visibility 0s}.scene[data-live=true] .screen-plane{animation:screen-boot 1.05s cubic-bezier(.2,.8,.2,1)}@keyframes screen-boot{0%{clip-path:inset(49.5% 50%);filter:brightness(3) saturate(0)}20%{clip-path:inset(49.5% 0);filter:brightness(3) saturate(0)}55%{clip-path:inset(0);filter:brightness(1.6) saturate(.7)}to{clip-path:inset(0);filter:none}}.portal-scan{position:absolute;left:0;right:0;top:-24%;height:24%;z-index:11;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,#7bf5d21f 70%,#c9fff0a6 96%,#7bf5d2)}.scene[data-live=true] .portal-scan{animation:screen-scan 1.1s cubic-bezier(.5,0,.3,1)}@keyframes screen-scan{0%{opacity:0;transform:none}12%,88%{opacity:1}to{opacity:0;transform:translateY(520%)}}.scene[data-state=closing] .screen-plane{animation:screen-off .5s cubic-bezier(.55,0,.75,.2) forwards}@keyframes screen-off{0%{clip-path:inset(0);filter:none}55%{clip-path:inset(49.5% 0);filter:brightness(2.8) saturate(0)}to{clip-path:inset(49.5% 50%);filter:brightness(3) saturate(0)}}.scene[data-state=closing] .scene-interface{transition:opacity .2s ease .4s,visibility 0s .6s}.hero-stage{padding-top:0}.hero-copy{padding-top:clamp(164px,calc(112px + 13vh),252px)}@media(min-width:1700px){.hero-copy{padding-top:calc(96px + 12vh)}}@media(min-width:761px)and (max-height:850px){.hero-copy{padding-top:136px}}.site-header{overflow:visible;background:transparent;border-bottom:0;box-shadow:none}.site-header[data-scrolled=true]{background:transparent;box-shadow:none}.header-fill{position:absolute;left:0;right:0;top:0;height:136px;pointer-events:none;z-index:0}.header-fill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(20px) saturate(1.45);-webkit-backdrop-filter:blur(20px) saturate(1.45);mask-image:linear-gradient(180deg,#000 0 58%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 0 58%,transparent)}.header-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0 2px,#7bf5d208 3px),linear-gradient(180deg,#050a0ce3 0%,#060c0ec2 38%,#060c0e73 64%,transparent);transition:opacity .4s}.site-header[data-scrolled=true] .header-fill:after{background:repeating-linear-gradient(180deg,transparent 0 2px,#7bf5d208 3px),linear-gradient(180deg,#050a0cf2 0%,#060c0ee8 42%,#060c0e99 70%,transparent)}.site-header[data-scene=opening] .header-fill:after,.site-header[data-scene=closing] .header-fill:after{background:repeating-linear-gradient(180deg,transparent 0 2px,#7bf5d206 3px),linear-gradient(180deg,#050a0c99 0%,#060c0e73 40%,#060c0e3d 62%,transparent)}.header-glow{z-index:1}.site-header .header{z-index:3}.header-progress{z-index:4;height:1px;background:linear-gradient(90deg,transparent,#7bf5d2,#5cecff,transparent);box-shadow:0 0 12px #7bf5d266}.site-header:before{z-index:4}.nav-toggle{display:none;width:42px;height:42px;place-items:center;border-radius:12px;border:1px solid #ffffff1f;background:#0c1518a8;color:#e8fff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;border:0;background:#03080873;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-rise .25s ease both}.header nav{--cut:12px;--chamfer:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));gap:2px;padding:6px 14px 6px 16px;border-radius:0;clip-path:var(--chamfer);background:#0c1518d6;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff1c;filter:drop-shadow(0 12px 40px #00000059);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.nav-link{padding:8px 14px;border-radius:999px;transition:color .25s,background-color .25s}.nav-link[aria-current=true]{color:var(--mint)}.nav-status{display:inline-flex;align-items:center;gap:8px;padding:0 12px 0 4px;margin-right:6px;border-right:1px solid #ffffff1a;color:#9ec9bb;font-size:12px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.lang-switch{display:inline-flex;align-items:center;gap:10px;margin-left:8px;padding-left:10px;border-left:1px solid #ffffff1a;animation:nav-in .7s cubic-bezier(.16,1,.3,1) 1.02s both}.lang-label{display:none}.lang-track,.slide-indicators{position:relative;grid-template-columns:repeat(var(--capsule-count,2),1fr);padding:3px;border-radius:999px;background:#03080a8c;border:1px solid #ffffff14;box-shadow:inset 0 1px 5px #00000080}.lang-track{display:grid}.lang-thumb,.slide-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/var(--capsule-count,2));border-radius:999px;background:linear-gradient(180deg,#7bf5d22e,#7bf5d20f);border:1px solid #7bf5d266;box-shadow:inset 0 0 12px #7bf5d224,0 0 16px #7bf5d22e;pointer-events:none;transform:translate(var(--lang-preview,var(--lang-current,0%)));transition:transform .45s cubic-bezier(.16,1,.3,1)}.lang-thumb:after,.slide-thumb:after{content:"";position:absolute;left:50%;bottom:-1px;width:12px;height:2px;margin-left:-6px;border-radius:2px;background:var(--mint);box-shadow:0 0 8px var(--mint)}.lang-switch[data-locale=ru]{--lang-current:100%}.lang-track:has(.lang-option[lang=en]:focus-visible){--lang-preview:0%}.lang-track:has(.lang-option[lang=ru]:focus-visible){--lang-preview:100%}@media(hover:hover)and (pointer:fine){.lang-track:has(.lang-option[lang=en]:hover){--lang-preview:0%}.lang-track:has(.lang-option[lang=ru]:hover){--lang-preview:100%}}.lang-option{position:relative;z-index:1;display:grid;place-items:center;min-width:36px;padding:6px 9px;border-radius:999px;font:500 11px/1 JetBrains Mono,monospace;letter-spacing:.1em;color:#7f9f95;white-space:nowrap;transition:color .3s,text-shadow .3s}.lang-option:hover{color:#e8fff7}.lang-option[aria-current=true]{color:var(--mint);text-shadow:0 0 10px #7bf5d280}.lang-option:focus-visible{outline-offset:2px}html[data-lang-switching] .lang-thumb{animation:lang-thumb-glitch .7s steps(1,end)}html[data-lang-switching] .lang-track{animation:lang-track-flash .7s ease-out}@keyframes lang-thumb-glitch{0%{filter:drop-shadow(-3px 0 #5cecffcc) drop-shadow(3px 0 #7bf5d2cc)}18%{filter:drop-shadow(2px 0 #5cecffcc) drop-shadow(-2px 0 #7bf5d2cc) brightness(1.6)}36%{filter:none}54%{filter:drop-shadow(-1px 0 #5cecff99) brightness(1.3)}72%,to{filter:none}}@keyframes lang-track-flash{0%{border-color:#7bf5d2aa;box-shadow:inset 0 1px 5px #00000080,0 0 22px #7bf5d255}to{border-color:#ffffff14;box-shadow:inset 0 1px 5px #00000080,0 0 #7bf5d200}}.lang-scan{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;overflow:hidden}.lang-scan:before{content:"";position:absolute;left:0;right:0;top:-22vh;height:22vh;background:linear-gradient(180deg,transparent,#7bf5d212 62%,#c9fff03d 95%,#7bf5d2b3);box-shadow:0 2px 22px #7bf5d255;animation:lang-scan .62s cubic-bezier(.45,0,.3,1) forwards}.lang-scan:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0 2px,#7bf5d20d 3px);opacity:0;animation:lang-scanlines .8s ease-out forwards}@keyframes lang-scan{0%{opacity:0;transform:none}10%,82%{opacity:1}to{opacity:0;transform:translateY(122vh)}}@keyframes lang-scanlines{0%{opacity:0}20%{opacity:1}to{opacity:0}}::highlight(lang-glitch){color:var(--mint);text-shadow:0 0 8px #7bf5d299}.nav-status-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint);animation:beacon 2.4s ease-out infinite}.nav-pill{--cut:8px;--edge:#7bf5d238;--chamfer:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));height:var(--pill-h,34px);border-radius:0;clip-path:var(--chamfer)}.lang-track,.slide-indicators,.lang-thumb,.slide-thumb{--cut:8px;--chamfer:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));border-radius:0;clip-path:var(--chamfer)}.lang-track,.slide-indicators{--cut:10px;--edge:#ffffff14}.lang-thumb,.slide-thumb{--edge:#7bf5d266}.header nav,.nav-pill,.lang-track,.slide-indicators,.lang-thumb,.slide-thumb{border-color:transparent}.header nav{box-shadow:none}.header nav:before,.nav-pill:before,.closed-note-status:before,.lang-track:before,.slide-indicators:before,.lang-thumb:before,.slide-thumb:before,.project-card:after,.contact-link:after,.project-window:after,.contact-form:after,.contact-control:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;background:var(--edge,#ffffff1a);clip-path:polygon(evenodd,0 var(--cut),var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut),1px calc(var(--cut) + .414214px),1px calc(100% - 1px),calc(100% - var(--cut) - .414214px) calc(100% - 1px),calc(100% - 1px) calc(100% - var(--cut) - .414214px),calc(100% - 1px) 1px,calc(var(--cut) + .414214px) 1px,1px calc(var(--cut) + .414214px),0 var(--cut))}.site-header .brand-terminal{filter:drop-shadow(0 0 6px #7bf5d266)}.site-header[data-scene=open] .brand-terminal{animation:brand-pulse 3.6s ease-in-out infinite}@keyframes brand-pulse{0%,to{filter:drop-shadow(0 0 4px #7bf5d240)}50%{filter:drop-shadow(0 0 10px #7bf5d280)}}@media(min-width:761px)and (max-width:1180px){.header nav{gap:0;padding:6px 12px 6px 14px}.nav-link{padding:8px 10px;font-size:14px}.nav-status{font-size:0;padding-right:10px;margin-right:2px;gap:0}}@media(max-width:760px){.hero-stage{padding-top:0}.hero-copy{margin:136px 6% 0;padding-top:0}.nav-toggle{display:grid;position:relative;z-index:4}.site-header,.site-header[data-scrolled=true],.site-header[data-menu=true]{height:60px}.header-fill{height:102px}.nav-status{font-size:12px;border-right:0;margin:0 0 8px;padding:4px 4px 12px;width:100%;border-bottom:1px solid #ffffff14}.header nav{position:fixed;top:64px;left:12px;right:12px;z-index:5;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:16px 14px;border-radius:22px;clip-path:none;filter:none;background:#071014f5;border:1px solid #7bf5d233;box-shadow:0 24px 70px #000000bf,inset 0 1px #ffffff1f;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .28s ease,transform .28s cubic-bezier(.16,1,.3,1),visibility 0s .28s}.nav-backdrop{background:#030808a8}.header nav[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .28s ease,transform .28s cubic-bezier(.16,1,.3,1),visibility 0s}.nav-link{display:flex;width:100%;justify-content:flex-start;padding:14px 16px;font-size:16px;border-radius:14px}.lang-switch{justify-content:space-between;margin:8px 0 0;padding:14px 4px 2px 16px;border-left:0;border-top:1px solid #ffffff14;width:100%}.lang-label{display:block;color:#9ec9bb;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.lang-option{min-width:58px;padding:10px 14px;font-size:13px}.nav-pill{display:none}.header nav:before{display:none}}.scene[data-state=opening]:not([data-reopen=true]){animation:scene-reveal 1.8s ease-out both}@keyframes scene-reveal{0%{opacity:0;filter:brightness(.28) saturate(.75)}to{opacity:1;filter:none}}.scene[data-state=opening] .scene-glow{animation:lid-wake var(--clip-duration,5s) ease-out both}.scene[data-state=closing] .scene-glow{animation:lid-sleep .9s ease-in forwards}.scene[data-live=true] .scene-glow{opacity:.22;animation:scene-glow 2.1s ease-out .12s forwards}@keyframes lid-wake{0%{opacity:0;transform:translate(-50%,-50%) scale(.42)}55%{opacity:.42}to{opacity:.55;transform:translate(-50%,-50%) scale(.96)}}@keyframes lid-sleep{to{opacity:0;transform:translate(-50%,-50%) scale(.4)}}@keyframes scene-glow{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}22%{opacity:.85}to{opacity:.22;transform:translate(-50%,-50%) scale(1.04)}}.scene-vignette,.scene-sheen,.scene-dust{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.scene-vignette{background:radial-gradient(ellipse at 72% 46%,transparent 28%,#00000099 100%);opacity:.86;mix-blend-mode:multiply;transition:opacity 1.1s ease}.scene[data-live=true] .scene-vignette{opacity:.28}.scene[data-state=closed] .scene-vignette{opacity:.7}.scene-sheen{background:linear-gradient(118deg,transparent 38%,#7bf5d222 49%,transparent 58%);opacity:0;mix-blend-mode:screen}.scene[data-state=opening] .scene-sheen{animation:scene-sheen var(--clip-duration,5s) cubic-bezier(.45,0,.2,1) both}@keyframes scene-sheen{0%{opacity:0;transform:translate(-28%)}38%{opacity:.8}to{opacity:0;transform:translate(22%)}}.scene-dust{opacity:0;background:radial-gradient(1px 1px at 58% 36%,#e7fffacc 50%,transparent 51%),radial-gradient(1.5px 1.5px at 71% 48%,#7bf5d2cc 50%,transparent 51%),radial-gradient(1px 1px at 64% 62%,#c8fff0bb 50%,transparent 51%),radial-gradient(1px 1px at 80% 40%,#9ffae4aa 50%,transparent 51%),radial-gradient(2px 2px at 75% 58%,#7bf5d288 50%,transparent 51%),radial-gradient(1px 1px at 52% 44%,#d9fff6aa 50%,transparent 51%),radial-gradient(1.5px 1.5px at 86% 52%,#b7ffeacc 50%,transparent 51%);mix-blend-mode:screen;transition:opacity .8s}.scene[data-state=opening] .scene-dust{opacity:.8;animation:dust-drift 14s linear infinite}.scene[data-live=true] .scene-dust{opacity:0;animation:none}.scene[data-state=closed] .scene-dust,.scene[data-state=closing] .scene-dust{opacity:0}@keyframes dust-drift{to{transform:translate3d(-18px,-28px,0)}}@media(prefers-reduced-motion:reduce){.scene-sheen,.scene-dust{display:none}.scene-vignette{opacity:.28;transition:none}.header-fill:before,.header-fill:after{transition:none}}html{scroll-behavior:smooth}.page-section{padding:108px max(5%,calc((100vw - 1400px)/2)) 96px;border-top:1px solid #ffffff12;scroll-margin-top:110px}#contact{min-height:calc(100svh - 72px)}.page-section>h2{font-size:clamp(32px,3.4vw,52px);font-weight:500;letter-spacing:-1.6px;line-height:1.08;margin:16px 0 22px}.section-lead{max-width:640px;margin:0 0 42px;color:#a9b3b6;font-size:17px;line-height:1.75}.project-grid,.contact-links{display:grid;gap:18px}.project-grid{grid-template-columns:1fr 1fr;margin-top:18px}.project-card,.contact-link{display:flex;border:1px solid #ffffff18;border-radius:18px;background:linear-gradient(180deg,#10191ccc,#0b1216e6);box-shadow:inset 0 1px #ffffff14;transition:border-color .25s,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}.project-card:hover,.contact-link:hover{color:inherit;border-color:#7bf5d266;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff14,0 18px 50px #0006}.contact-link strong{font-weight:500;letter-spacing:-.4px}.contact-link:hover .contact-arrow{color:var(--mint)}.section-note{margin:22px 0 0;max-width:640px;color:#8eaaa0;font-size:13px;line-height:1.6}.contact-links{grid-template-columns:repeat(3,1fr)}.contact-link{align-items:center;gap:16px;padding:22px 20px}.contact-link>svg{color:var(--mint)}.contact-link>span{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.contact-link strong{font-size:18px}.contact-link small{color:#9aada8;font-size:13px}.contact-arrow{color:#c5d5d0}.footer-links{display:flex;align-items:center;gap:22px}@media(max-width:760px){.hero-actions .text-link{display:none}.page-section{padding:72px 7% 56px}.page-section>h2{font-size:32px}.section-lead{font-size:15px}.project-grid,.contact-links{grid-template-columns:1fr}.footer-links{gap:16px}}@media(max-width:760px){.hero-stage{padding:76px 0 32px}.scene{order:1;height:85vw;max-height:610px;margin:0;flex-shrink:0}.hero-controls{order:2;position:relative;inset:auto;margin:0 6%;gap:14px;justify-content:space-between;min-height:44px}.intro-control{display:inline-flex;width:44px;height:44px;padding:0;border-radius:50%;background:#081113a6}.intro-control-label{display:none}.slide-indicators{display:grid;--capsule-count:3;align-items:center;flex-shrink:0}.slide-indicator{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:44px;padding:0;border-radius:999px;color:#7f9f95;transition:color .3s,filter .3s}.slide-indicator span{display:grid;place-items:center}.slide-indicator:hover{color:#e8fff7}.slide-indicator[aria-pressed=true]{color:var(--mint);filter:drop-shadow(0 0 5px #7bf5d280)}.slide-indicators:has(.slide-indicator:nth-of-type(1):focus-visible){--lang-preview:0%}.slide-indicators:has(.slide-indicator:nth-of-type(2):focus-visible){--lang-preview:100%}.slide-indicators:has(.slide-indicator:nth-of-type(3):focus-visible){--lang-preview:200%}@media(hover:hover)and (pointer:fine){.slide-indicators:has(.slide-indicator:nth-of-type(1):hover){--lang-preview:0%}.slide-indicators:has(.slide-indicator:nth-of-type(2):hover){--lang-preview:100%}.slide-indicators:has(.slide-indicator:nth-of-type(3):hover){--lang-preview:200%}}.hero-controls .play-toggle{width:36px;height:36px;margin:4px}.hero-copy{order:3;margin:28px 6% 0;padding:0;width:auto}.hero-actions{margin-top:24px}.direction-bar{display:none}}.eyebrow{display:inline-flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:22px;height:1px;background:var(--mint);box-shadow:0 0 8px var(--mint)}@media(prefers-reduced-motion:no-preference){[data-reveal=up].reveal-arm:not([data-shown]){opacity:0}[data-reveal=up][data-shown]{animation:reveal-up .9s cubic-bezier(.16,1,.3,1) calc(var(--d,0)*.09s) backwards}.approach-steps[data-shown] .step-node{animation:node-ping 1.1s ease-out calc(var(--d,0)*.42s) backwards}}@keyframes reveal-up{0%{opacity:0;transform:translateY(26px);filter:blur(6px)}}@keyframes node-ping{0%{box-shadow:0 0 0 6px #090e10,0 0 #7bf5d2aa}70%{box-shadow:0 0 0 6px #090e10,0 0 0 16px #7bf5d200}}.spot{position:relative;isolation:isolate}.spot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0),#7bf5d21c,transparent 65%);opacity:0;transition:opacity .4s;pointer-events:none}.spot:hover:before{opacity:1}.details-section{position:relative;isolation:isolate;overflow:clip}.details-section:after{content:"";position:absolute;z-index:-1;left:50%;top:0;width:min(1200px,100vw);height:560px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#7bf5d214,transparent);pointer-events:none}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 22px}.direction-card{--cut:22px;--b:1px;--k:calc(var(--b) * .41421356237);--chamfer:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));--chamfer-in:polygon(calc(var(--cut) + var(--k)) var(--b),calc(100% - var(--b)) var(--b),calc(100% - var(--b)) calc(100% - var(--cut) - var(--k)),calc(100% - var(--cut) - var(--k)) calc(100% - var(--b)),var(--b) calc(100% - var(--b)),var(--b) calc(var(--cut) + var(--k)));display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;padding:28px 28px 26px;border:0;border-radius:0;background:#ffffff17;clip-path:var(--chamfer);overflow:hidden;scroll-margin-top:110px;filter:drop-shadow(0 28px 60px #0000);transition:background-color .3s,transform .45s cubic-bezier(.16,1,.3,1),filter .45s}.direction-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#10191ccc,#0a1114f0);clip-path:var(--chamfer-in);box-shadow:inset 0 1px #ffffff12}.direction-card.spot:before{z-index:1;border-radius:0;clip-path:var(--chamfer-in)}.direction-card>:not(.direction-fill){position:relative;z-index:2}.direction-card:after{content:"";position:absolute;z-index:3;left:28px;right:28px;top:var(--b);height:1px;background:linear-gradient(90deg,var(--mint),#5cecff 60%,transparent);box-shadow:0 0 12px #7bf5d2aa;transform:scaleX(.18);transform-origin:left center;transition:transform .7s cubic-bezier(.16,1,.3,1)}.direction-card:hover{background:#7bf5d255;transform:translateY(-6px);filter:drop-shadow(0 28px 60px #0000008c)}.direction-card:hover .direction-fill{box-shadow:inset 0 1px #ffffff14}.direction-card:hover:after{transform:none}.direction-top{display:flex;align-items:flex-start;justify-content:space-between}.direction-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;border:1px solid #7bf5d247;background:radial-gradient(circle at 30% 20%,#7bf5d22e,#7bf5d208 70%);color:var(--mint);box-shadow:inset 0 0 18px #7bf5d214,0 0 24px #7bf5d214;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .4s}.direction-card:hover .direction-icon{transform:translateY(-2px) rotate(-6deg) scale(1.06);box-shadow:inset 0 0 18px #7bf5d22e,0 0 34px #7bf5d240}.detail-index{padding-top:4px;color:var(--mint);font:500 13px/1 JetBrains Mono,monospace}.detail-index span{color:#5f6f6f}.direction-card h3{margin-top:30px;font-size:clamp(22px,1.8vw,27px);font-weight:500;letter-spacing:-.6px;line-height:1.2}.direction-card h3 small{display:block;margin-top:8px;color:#8fd9c3;font-size:14px;font-weight:500;letter-spacing:0}.direction-card p{margin-top:16px;color:#a9b3b6;font-size:15.5px;line-height:1.7}.direction-card ul{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;margin:24px 0 0;padding:0;list-style:none}.direction-card li{padding:7px 12px;border:1px solid #ffffff1c;border-radius:999px;background:#ffffff06;color:#cad6d4;font-size:12.5px;line-height:1.2;transition:border-color .3s,color .3s}.direction-card:hover li{border-color:#7bf5d23d;color:#e3f4ef}.direction-cta{justify-self:start;align-self:end;display:inline-flex;align-items:center;gap:8px;margin-top:30px;padding:0 0 6px;border-bottom:1px solid #c1d0cb55;font-size:15px;transition:color .25s,border-color .25s,gap .3s}.direction-card:hover .direction-cta{color:var(--mint);border-color:var(--mint);gap:12px}@media(max-width:1020px){.detail-grid{grid-template-columns:1fr;gap:16px}.direction-card{display:flex;flex-direction:column}.direction-cta{align-self:flex-start}}@media(max-width:760px){.direction-card{padding:24px 22px 22px;border-radius:0}.direction-card h3{margin-top:22px}.direction-card p{font-size:15px}}.approach-steps{position:relative;list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.approach-steps:before,.approach-steps:after{content:"";position:absolute;z-index:0;left:22px;right:0;top:22px;height:1px;background:#ffffff1f}.approach-steps:after{background:linear-gradient(90deg,var(--mint),#5cecff 75%,transparent);box-shadow:0 0 10px #7bf5d299;transform:scaleX(0);transform-origin:left center;transition:transform 1.8s cubic-bezier(.65,0,.35,1) .25s}.approach-steps[data-shown]:after{transform:none}.approach-steps li{position:relative;z-index:1;padding-right:8px}.step-node{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;margin-bottom:24px;border:1px solid #7bf5d266;border-radius:50%;background:#0a1316;color:var(--mint);font:500 13px/1 JetBrains Mono,monospace;box-shadow:0 0 0 6px #090e10,0 0 22px #7bf5d222;transition:background-color .3s,color .3s,box-shadow .3s,transform .4s cubic-bezier(.16,1,.3,1)}.approach-steps li:hover .step-node{background:var(--mint);color:#06231b;transform:scale(1.08);box-shadow:0 0 0 6px #090e10,0 0 30px #7bf5d266}.approach-steps strong{display:block;font-size:clamp(18px,1.5vw,22px);font-weight:500;letter-spacing:-.4px;line-height:1.35}.approach-steps p{margin-top:12px;color:#97a5a6;font-size:15px;line-height:1.65}@media(max-width:1100px){.approach-steps{grid-template-columns:1fr;gap:34px}.approach-steps:before,.approach-steps:after{right:auto;bottom:22px;width:1px;height:auto}.approach-steps:after{background:linear-gradient(180deg,var(--mint),#5cecff 75%,transparent);transform:scaleY(0);transform-origin:center top}.approach-steps li{min-height:44px;padding:10px 0 0 72px}.step-node{position:absolute;left:0;top:0;margin:0}.approach-steps p{max-width:560px;margin-top:8px}}.project-grid{gap:22px;margin-top:26px}.project-card{flex-direction:column;padding:12px 12px 0;border-radius:22px}.project-card:has(.project-link:focus-visible){outline:2px solid var(--mint);outline-offset:4px}.project-window{--cut:14px;--chamfer:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));--edge:#ffffff14;position:relative;overflow:visible;border:1px solid transparent;border-radius:0;clip-path:var(--chamfer);background:#060b0d;transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-window:after{z-index:3;transition:background-color .4s}.project-card:hover .project-window{--edge:#7bf5d266;transition:transform .15s linear}.project-browser{display:flex;align-items:center;gap:12px;height:38px;padding:0 12px;background:#0d1619;border-bottom:1px solid #ffffff10}.browser-dots{display:flex;gap:6px}.browser-dots i{width:9px;height:9px;border-radius:50%;background:#2a3638;transition:background-color .3s}.project-card:hover .browser-dots i:nth-child(1){background:#ff6b6b}.project-card:hover .browser-dots i:nth-child(2){background:#ffc857}.project-card:hover .browser-dots i:nth-child(3){background:var(--mint)}.browser-url{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;max-width:300px;height:24px;margin:0 auto;padding:0 10px;overflow:hidden;border-radius:7px;background:#ffffff08;color:#9fb0ad;font:500 12px/1 JetBrains Mono,monospace;white-space:nowrap}.browser-url svg{color:var(--mint)}.project-status{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border:1px solid #7bf5d233;border-radius:999px;background:#7bf5d214;color:var(--mint);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.project-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:beacon 2.4s ease-out infinite}.project-status[data-status=preview]{border-color:#ffd27a33;background:#ffd27a12;color:#ffd27a}.project-viewport{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0b1316}.project-viewport iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity .6s ease}.project-viewport[data-loaded=true] iframe{opacity:1}.project-viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 62%,#060b0d8c),repeating-linear-gradient(180deg,transparent 0 2px,#7bf5d205 3px);pointer-events:none;transition:opacity .4s}.project-card:hover .project-viewport:after{opacity:.3}.project-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,#7bf5d212 50%,transparent 70%) 0 0/200% 100%,#0b1316;transition:opacity .6s;pointer-events:none}.project-viewport[data-started=true] .project-skeleton{animation:skeleton 1.6s linear infinite}.project-viewport[data-loaded=true] .project-skeleton{opacity:0;animation:none}@keyframes skeleton{to{background-position:-200% 0,0 0}}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 12px}.project-meta h3{font-size:clamp(22px,2vw,28px);font-weight:500;letter-spacing:-.5px}.project-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit}.project-link:focus-visible{outline:none}.project-card:hover .project-link{color:var(--mint)}.project-meta p{margin-top:6px;color:#acbcb6;font-size:15px;line-height:1.5}.project-open{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #ffffff24;border-radius:50%;color:#d6e4e0;transition:background-color .3s,border-color .3s,color .3s,transform .5s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-open{border-color:var(--mint);background:var(--mint);color:#06231b;transform:rotate(45deg)}@media(max-width:760px){.project-card{padding:8px 8px 0;border-radius:18px}.project-browser{height:32px;gap:8px;padding:0 10px}.browser-url{font-size:11px}.project-meta{padding:16px 10px}.project-open{width:40px;height:40px}}.contact-link>svg:first-child{transition:transform .45s cubic-bezier(.16,1,.3,1)}.contact-link:hover>svg:first-child{transform:scale(1.12) rotate(-8deg)}.contact-arrow{transition:transform .35s cubic-bezier(.16,1,.3,1),color .25s}.contact-link:hover .contact-arrow{transform:translate(2px,-2px)}.project-card,.contact-link{--cut:22px;--edge:#ffffff18;--chamfer:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));border-radius:0;border-color:transparent;clip-path:var(--chamfer);box-shadow:none}.project-card:after,.contact-link:after{z-index:3;transition:background-color .25s}.project-card:hover,.contact-link:hover{--edge:#7bf5d266;border-color:transparent;box-shadow:none}.project-card:has(.project-link:focus-visible),.contact-link:focus-visible{--edge:var(--mint)}.contact-divider{display:flex;align-items:center;gap:18px;margin:34px 0 22px;color:#8eaaa0;font:500 12px/1 JetBrains Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.contact-divider:before,.contact-divider:after{content:"";flex:1;height:1px;background:#ffffff1c}.contact-form{--cut:22px;--edge:#ffffff18;--chamfer:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));display:grid;gap:18px;padding:28px;border:1px solid transparent;border-radius:0;clip-path:var(--chamfer);background:linear-gradient(180deg,#10191ccc,#0b1216e6)}.contact-form:after{z-index:3}.contact-form fieldset{margin:0;padding:0;border:0;min-inline-size:0;display:grid;gap:18px}.contact-fallback a{border-bottom:1px solid #7bf5d266}.contact-form h3{display:flex;align-items:center;gap:12px;font-size:clamp(22px,2vw,28px);font-weight:500;letter-spacing:-.5px}.contact-form h3 svg{color:var(--mint)}.contact-form>p{max-width:560px;color:#9aada8;font-size:15px;line-height:1.6}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-field{display:flex;flex-direction:column;gap:8px}.contact-field-wide{grid-column:1 / -1}.contact-field span{color:#c5d5d0;font-size:13px}.contact-control{--cut:12px;--edge:#ffffff22;--chamfer:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));position:relative;display:grid;border:1px solid transparent;clip-path:var(--chamfer);background:#0b1519;transition:background-color .25s}.contact-control:after{transition:background-color .25s}.contact-control:focus-within{--edge:var(--mint);background:#10211f}.contact-field input,.contact-field textarea{width:100%;min-width:0;border:0;border-radius:0;background:transparent;color:#f0faf5;font:16px/1.5 Manrope,sans-serif;padding:14px 16px}.contact-field textarea{width:calc(100% - var(--cut));margin-right:var(--cut);padding-right:4px;min-height:148px;resize:vertical}.contact-field input:focus-visible,.contact-field textarea:focus-visible{outline:none}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#748781}.contact-submit{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.contact-notice{font-size:14px;line-height:1.5;color:#c5d5d0}.contact-notice[data-state=ok]{color:var(--mint)}.contact-notice[data-state=error]{color:#ffb4b4}.contact-form .primary:disabled{opacity:.6;cursor:progress;transform:none}.not-found h1{margin-top:16px}.not-found-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px}html:not(.is-ready) .hero-controls{visibility:hidden;pointer-events:none}.direction-tab:disabled{opacity:1;color:#eeefef}.direction-tab:disabled .tab-description{color:#d8dddd}.direction-tab.selected:disabled strong{color:var(--mint)}@media(max-width:760px){html:not(.is-ready) .site-header{height:auto}html:not(.is-ready) .nav-toggle{display:none}html:not(.is-ready) #site-menu{position:static;opacity:1;visibility:visible;pointer-events:auto;transform:none;display:flex;flex-direction:column;align-items:stretch}}.contact-honey{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.contact-form{padding:22px 18px}.contact-fields{grid-template-columns:1fr}.contact-form .primary,.contact-form .primary-face{width:100%}}