:root{--bg:#050b0d;--surface:#0b1518;--surface2:#101d20;--line:#1b3638;--ink:#e8f3f0;--muted:#8aa6a2;--cyan:#14e9cd;--ice:#62d9f2;--lime:#9bffbc;--mono:"JetBrains Mono",monospace;--body:"Manrope",sans-serif;--display:"Oswald",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--body);overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{color:#04110f;background:var(--cyan)}.shell{width:min(1320px,calc(100% - 96px));margin-inline:auto}.site-grid{position:absolute;inset:0 0 auto;height:1040px;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - .5px),#0c292a calc(50% - .5px),#0c292a calc(50% + .5px),transparent calc(50% + .5px)),repeating-linear-gradient(90deg,transparent 0,transparent 95px,#0b2424 96px);mask-image:linear-gradient(#000,transparent 92%);opacity:.34}
.site-header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:4}.identity{display:flex;align-items:center;gap:12px;font-weight:800;font-size:16px;letter-spacing:.08em;line-height:1.1}.identity img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 13px #00e8c272)}.identity-ia{color:var(--cyan)}.identity small{display:block;margin-top:5px;font:9px var(--mono);letter-spacing:.14em;color:var(--muted)}nav{display:flex;align-items:center;gap:38px;color:#a8c6c0;font-size:12px;font-weight:700}nav a:hover,.footer a:hover{color:var(--cyan)}.header-right{display:flex;align-items:center;gap:18px}.lang{color:var(--cyan);background:transparent;border:1px solid var(--line);border-radius:3px;padding:8px 10px;font:11px var(--mono)}.contact-small{border:1px solid #2e766c;padding:11px 16px;color:var(--cyan);font:10px var(--mono);letter-spacing:.08em;white-space:nowrap}.contact-small:hover{background:#0d3b35}
.hero{display:grid;grid-template-columns:54% 46%;min-height:750px;position:relative}.hero-copy{padding:100px 30px 34px 0;display:flex;flex-direction:column;position:relative;z-index:2}.eyebrow,.kicker,.proof-label,.reel-index,.visual-coordinate,.hero-bottom,.source{font:11px/1.5 var(--mono);letter-spacing:.09em;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:11px}.pulse{width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 4px #14e9cd22,0 0 18px var(--cyan)}.eyebrow-index{margin-left:auto;color:#466865}.hero h1,.section h2,.system-section h2,.about-section h2,.contact-section h2{font-family:var(--display);letter-spacing:-.035em;font-weight:500;line-height:.96;margin:0;text-transform:uppercase}.hero h1{font-size:clamp(75px,9vw,147px);margin-top:48px;white-space:nowrap}.hero h1 em,.section h2 em,.system-section h2 em,.contact-section h2 em{font-style:normal;color:var(--cyan)}.hero-lead{max-width:540px;margin:40px 0 0;font-size:19px;line-height:1.65;color:#b7ccc8}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:1px solid #376762;border-radius:3px;font:10px/1.3 var(--mono);letter-spacing:.06em;transition:transform .2s,border-color .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn-primary{color:#031411;background:var(--cyan);border-color:var(--cyan);font-weight:600}.btn-primary:hover{background:#77ffdf}.btn-secondary{color:#c4e2db;background:#0a1718}.btn-secondary:hover{border-color:var(--cyan)}.hero-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:40px;color:#66817d;font-size:9px}
.hero-visual{position:relative;min-height:720px;overflow:hidden;border-left:1px solid #123030;background:radial-gradient(ellipse at 58% 50%,#0b3839 0%,#081b1e 41%,transparent 72%)}.visual-orbit{position:absolute;border:1px solid #18e2c126;border-radius:50%;width:660px;height:660px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:470px;height:470px;border-style:dashed;opacity:.7}.visual-backdrop{position:absolute;inset:0;background:linear-gradient(110deg,transparent 60%,#081b1db3),repeating-linear-gradient(0deg,transparent,transparent 40px,#18e2c10e 41px);mask-image:linear-gradient(#000,transparent)}.hero-logo{position:absolute;width:540px;max-width:none;left:50%;top:48%;transform:translate(-50%,-50%);opacity:.16;filter:drop-shadow(0 0 28px var(--cyan))}.hero-video-card{position:absolute;width:270px;height:475px;top:94px;left:50%;transform:translateX(-50%) rotate(5deg);border:1px solid #64d9cf80;background:#020909;padding:6px;box-shadow:0 24px 100px #000c,0 0 55px #06d9b91b;transition:transform .35s}.hero-video-card:hover{transform:translateX(-50%) rotate(0)}.hero-video-card>img{height:100%;width:100%;object-fit:cover}.hero-video-card::after{content:"";position:absolute;inset:6px;background:linear-gradient(transparent 55%,#000c);pointer-events:none}.hero-video-card button{position:absolute;z-index:2;left:50%;top:47%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#cffff4e8;color:#04322c;border:none;box-shadow:0 0 0 9px #cffff431;font-size:21px}.hero-video-card button:hover{background:var(--cyan)}.hero-video-caption{position:absolute;z-index:2;left:24px;right:24px;bottom:18px}.hero-video-caption span{display:block;font:9px var(--mono);color:#a6ffef}.hero-video-caption strong{display:block;font:32px var(--display);letter-spacing:.03em}.hero-video-caption i{font-style:normal;float:right;color:var(--cyan)}.visual-number{position:absolute;right:21px;bottom:82px;text-align:right;color:var(--cyan);background:#031211bd;padding:10px 16px;border-right:2px solid var(--cyan)}.visual-number b{font:57px/.9 var(--display);display:block}.visual-number span{font:9px/1.5 var(--mono);letter-spacing:.07em}.visual-coordinate{position:absolute;bottom:22px;left:25px;color:#7bb6aa;font-size:9px}
.proof-bar{border-block:1px solid #1a4847;background:linear-gradient(90deg,#071e20,#0d2020 55%,#091315)}.proof-inner{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:32px;align-items:end;padding-block:31px}.proof-inner>div{display:flex;flex-direction:column}.proof-label{margin-bottom:10px;font-size:9px}.proof-inner strong{font:64px/.95 var(--display);letter-spacing:-.03em}.proof-inner strong span{color:var(--cyan)}.proof-inner small{font-size:12px;color:#a7c0ba;margin-top:10px}.proof-inner p{font-size:12px;color:#91aaa4;border-left:1px solid #386561;padding-left:24px;max-width:330px;margin:0 0 4px}
.section{padding-block:125px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-top h2,.system-section h2{font-size:clamp(56px,6.2vw,96px);margin-top:19px}.section-top>p{max-width:360px;margin:0 0 8px;color:#9ab5b0;font-size:15px}.reel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.reel-card{min-width:0;border:1px solid #254346;background:#0a1518;transition:transform .25s,border-color .25s}.reel-card:hover{transform:translateY(-5px);border-color:#1bc6b3}.reel-image,.story-image{height:390px;position:relative;overflow:hidden;background:#061112}.reel-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.reel-card:hover img{transform:scale(1.035)}.reel-image::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#010607a8);pointer-events:none}.video-trigger{position:absolute;z-index:2;left:50%;top:48%;transform:translate(-50%,-50%);width:52px;height:52px;border:1px solid #e6fff4;color:#e6fff4;border-radius:50%;background:#071e1e9c;font-size:17px}.video-trigger:hover{background:var(--cyan);border-color:var(--cyan);color:#03110f}.count{position:absolute;z-index:2;bottom:16px;left:17px;font:36px var(--display);color:white}.count small{font:10px var(--mono);color:var(--cyan)}.reel-details{padding:22px 20px 24px;display:flex;flex-direction:column;min-height:247px}.reel-index{font-size:9px;color:#4dddd0}.reel-details h3{font:31px var(--display);margin:8px 0 5px}.reel-details p{font-size:12px;color:#a5bdb8;margin:0 0 20px;line-height:1.55}.reel-details a{margin-top:auto;color:var(--cyan);font:10px var(--mono);letter-spacing:.04em}.reel-details a:hover{text-decoration:underline}.story-image{display:flex;flex-direction:column;padding:24px;background:radial-gradient(circle at 67% 34%,#0a6660 0,#0a2829 32%,#041314 75%)}.story-image::before{content:"";position:absolute;width:250px;height:250px;border:1px solid #20e4c7a6;border-radius:50%;left:45px;top:70px;box-shadow:0 0 50px #1ae7c022,inset 0 0 50px #1ae7c022}.story-image span,.story-image em,.story-image b{font:10px var(--mono);letter-spacing:.06em;font-style:normal;position:relative;z-index:1}.story-image strong{font:190px/.8 var(--display);letter-spacing:-.09em;margin:auto 0;color:var(--cyan);text-shadow:0 0 65px #16d1b87c;position:relative;z-index:1}.story-image em{margin-bottom:12px}.story-image b{color:var(--cyan)}.source{font-size:10px;color:#75938d;margin:25px 0 0;letter-spacing:0}
.system-section{background:linear-gradient(#071618ee,#071618ee),repeating-linear-gradient(90deg,#1af3d01d 0 1px,transparent 1px 80px);border-block:1px solid var(--line);padding-block:120px}.system-map{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:stretch;gap:12px;margin-top:60px}.map-node{padding:29px;min-height:240px;background:#0b1d20;border:1px solid #2a5654;position:relative}.map-node::before{content:"";position:absolute;top:-1px;left:-1px;width:56px;height:2px;background:var(--cyan)}.map-node>span,.system-foot{font:10px var(--mono);color:var(--cyan);letter-spacing:.05em}.map-node h3{font:40px var(--display);margin:45px 0 6px}.map-node p{margin:0;color:#9bb9b2;font-size:13px}.map-arrow{color:var(--cyan);font:32px var(--display);align-self:center;text-align:center}.system-foot{display:flex;justify-content:space-between;gap:20px;margin-top:28px;color:#85aaa2}.system-foot a{color:var(--cyan)}.system-foot a:hover{text-decoration:underline}
.samples-section{padding-bottom:140px}.samples{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.samples button{border:1px solid #244447;background:#0b1718;color:var(--ink);text-align:left;padding:0;position:relative;overflow:hidden}.samples img{width:100%;height:310px;object-fit:cover;filter:saturate(.8);transition:transform .4s}.samples button:hover{border-color:var(--cyan)}.samples button:hover img{transform:scale(1.035)}.samples button>span{display:flex;justify-content:space-between;align-items:end;padding:15px 18px}.samples b{font:27px var(--display)}.samples small{font:9px var(--mono);color:var(--muted)}.samples i{position:absolute;top:20px;right:20px;width:45px;height:45px;border-radius:50%;background:var(--cyan);display:grid;place-items:center;color:#041210;font-style:normal}
.about-section{background:#08191a;border-block:1px solid #205753;padding-block:105px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.about-grid h2{font-size:clamp(80px,11vw,162px);margin-top:18px}.about-grid h2 span{color:var(--cyan)}.about-grid>div:first-child{position:relative}.about-grid img{position:absolute;width:220px;right:3%;bottom:-65px;opacity:.18;filter:drop-shadow(0 0 30px var(--cyan))}.about-content{border-left:1px solid #3a6862;padding-left:40px}.about-content .about-main{font-size:25px;line-height:1.55;letter-spacing:-.03em;color:#e5f4ec;margin:0 0 25px}.about-content>p:not(.about-main){color:#a4bcb6;margin-bottom:30px}.about-links{display:flex;gap:25px;flex-wrap:wrap}.about-links a{color:var(--cyan);font:10px var(--mono)}.about-links a:hover{text-decoration:underline}
.contact-section{text-align:center;padding-block:140px 155px}.contact-section h2{font-size:clamp(65px,8vw,126px);margin:28px auto}.contact-section>p{max-width:610px;margin:0 auto;color:#9bb4ae;font-size:17px}.contact-actions{justify-content:center}.footer{display:flex;justify-content:space-between;gap:20px;padding-block:35px;border-top:1px solid var(--line);font:10px var(--mono);color:#7f9c97}
.video-dialog{width:min(500px,calc(100% - 24px));max-height:95vh;background:#071516;color:var(--ink);border:1px solid #2b7a70;padding:10px;box-shadow:0 35px 100px #000d}.video-dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:8px 6px 14px;font:11px var(--mono)}.dialog-header button{background:transparent;color:var(--cyan);border:none;font:11px var(--mono)}.video-dialog video{width:100%;max-height:calc(95vh - 80px);background:black}
@media(max-width:1050px){.shell{width:min(100% - 50px,900px)}.site-header nav{display:none}.hero{grid-template-columns:1fr 44%;min-height:670px}.hero h1{font-size:clamp(65px,9vw,105px)}.hero-video-card{width:220px;height:390px;top:125px}.hero-visual{min-height:660px}.visual-number b{font-size:43px}.reel-grid{grid-template-columns:repeat(2,1fr)}.reel-image,.story-image{height:420px}}
@media(min-width:701px) and (max-width:1050px){.hero{display:flex;flex-direction:column}.hero-copy{padding:75px 0 30px}.hero h1{font-size:clamp(82px,11vw,112px);white-space:normal}.hero-lead{max-width:650px;margin-top:30px}.hero-bottom{margin-top:58px}.hero-visual{height:550px;min-height:550px;border-left:0;border-top:1px solid var(--line)}.hero-video-card{top:32px;width:244px;height:430px}.visual-number{bottom:36px;right:24px}}
@media(max-width:700px){.shell{width:calc(100% - 34px)}.site-header{height:72px}.identity{font-size:13px}.identity img{width:39px;height:39px}.identity small{font-size:7px}.contact-small{display:none}.hero{display:flex;flex-direction:column}.hero-copy{padding:60px 0 25px}.hero h1{font-size:clamp(64px,14vw,100px);margin-top:35px;white-space:normal}.hero-lead{font-size:16px;margin-top:27px}.hero-bottom{display:none}.hero-visual{min-height:540px;border-left:none;border-top:1px solid var(--line)}.hero-logo{width:460px}.hero-video-card{width:230px;height:405px;top:50px}.visual-number{bottom:20px;right:0}.visual-coordinate{display:none}.proof-inner{grid-template-columns:1fr 1fr;gap:20px}.proof-inner strong{font-size:48px}.proof-inner p{grid-column:1/-1;max-width:none;border-left:none;border-top:1px solid #386561;padding:14px 0 0}.proof-label{font-size:8px}.section,.system-section{padding-block:78px}.section-top{display:block;margin-bottom:32px}.section-top h2,.system-section h2{font-size:clamp(55px,11vw,78px)}.section-top>p{max-width:500px;margin-top:22px}.reel-grid{gap:12px}.reel-image,.story-image{height:270px}.reel-details{padding:17px;min-height:250px}.reel-details h3{font-size:26px}.reel-details p{font-size:11px}.story-image strong{font-size:120px}.story-image::before{width:160px;height:160px;left:10px}.system-map{display:block;margin-top:35px}.map-node{min-height:175px}.map-node h3{margin:22px 0 4px}.map-arrow{font-size:24px;line-height:40px}.system-foot{display:block}.system-foot a{display:block;margin-top:18px}.samples{grid-template-columns:1fr}.samples img{height:330px}.about-grid{display:block}.about-grid h2{font-size:100px}.about-grid img{width:160px;right:0;bottom:0}.about-content{margin-top:45px;padding-left:22px}.about-content .about-main{font-size:19px}.contact-section{padding-block:85px 95px}.contact-section h2{font-size:clamp(58px,12vw,83px)}.footer{flex-wrap:wrap;font-size:8px}}
@media(max-width:420px){.hero h1{font-size:61px}.hero-actions .btn{width:100%}.reel-grid{grid-template-columns:1fr}.reel-image,.story-image{height:420px}.reel-details{min-height:0}.story-image strong{font-size:180px}.contact-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}