/* NAS CodeWorks — Studio V5 art direction
   Editorial rhythm, cinematic product scenes, minimal containers. */
:root{--v5-cyan:#6fe8ff;--v5-blue:#78a7ff;--v5-violet:#ab85ff;--v5-line:rgba(166,197,255,.16)}
body{background:#050713}
.page-shell{background:radial-gradient(900px 700px at 88% 10%,rgba(75,121,239,.08),transparent 70%),#050713}
.section-pad{padding:132px 0}
.hero-copy{min-width:0}.hero h1{font-size:clamp(50px,5.6vw,82px);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.hero-title-line,.hero-title-accent{display:block}.hero-title-accent{margin-top:.12em;background:linear-gradient(90deg,#fff,#9bd6ff 44%,#b998ff 88%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Editorial section markers — hierarchy without another card */
.editorial-heading{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-areas:"kicker title" "kicker note";gap:14px 30px;padding:28px 0 0;border-top:1px solid var(--v5-line)}
.editorial-heading::before{content:"";position:absolute;top:-1px;right:0;width:110px;height:1px;background:linear-gradient(90deg,var(--v5-cyan),transparent);box-shadow:0 0 18px rgba(111,232,255,.3)}
.editorial-heading .kicker{grid-area:kicker;margin:6px 0 0;color:#7185a8;font-size:10px}.editorial-heading h2{grid-area:title!important;margin:0!important;max-width:940px;font-size:clamp(38px,4.8vw,70px)!important;line-height:1.15!important;letter-spacing:-.045em!important;text-wrap:balance}.editorial-heading>p{grid-area:note;margin:0;max-width:620px;color:#7f8da8;line-height:1.8}
.section-head{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:48px;align-items:end;margin-bottom:70px}.section-head>p{padding-bottom:8px}
.split-intro{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:48px;align-items:end;margin-bottom:42px}.split-intro>div:last-child{padding-bottom:8px}

/* Capabilities as an instrument panel, not six boxes */
.capabilities-stage{position:relative;background:linear-gradient(180deg,#050713,#070a17 45%,#050713)}
.capabilities-stage::before{content:"";position:absolute;inset:8% 0 auto;height:520px;background:radial-gradient(600px 360px at 20% 50%,rgba(87,137,255,.1),transparent 70%);pointer-events:none}
.capability-console{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:0;margin-top:70px;border-block:1px solid var(--v5-line)}
.capability-index{display:grid}.capability-row{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto 30px;align-items:center;gap:14px;min-height:78px;padding:0 18px 0 0;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#75839c;text-align:right;cursor:pointer;transition:color .3s ease,padding .3s ease,background .3s ease}.capability-row:last-child{border-bottom:0}.capability-row>span{font:600 9px Inter;color:#52617c}.capability-row>b{font-size:17px;font-weight:600}.capability-row>small{font:600 7px Inter;letter-spacing:.13em;color:#50617f}.capability-row>i{font-style:normal;color:#4d5e79;transform:rotate(-45deg);transition:.3s}.capability-row::before{content:"";position:absolute;inset:0 0 0 auto;width:2px;background:linear-gradient(var(--v5-cyan),var(--v5-violet));transform:scaleY(0);transition:.3s}.capability-row:hover,.capability-row.active{padding-right:28px;color:#edf7ff;background:linear-gradient(90deg,transparent,rgba(95,157,255,.08))}.capability-row.active::before{transform:scaleY(1)}.capability-row.active>i{color:var(--v5-cyan);transform:rotate(0)}
.capability-scene{position:relative;min-height:468px;padding:55px 55px 34px;border-inline-start:1px solid var(--v5-line);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 52% 36%,rgba(85,146,255,.13),transparent 34%),#070b19}
.scene-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(#000,transparent 92%)}
.scene-orbit{position:absolute;width:250px;height:250px;left:50%;top:38%;transform:translate(-50%,-50%);border:1px solid rgba(118,181,255,.2);border-radius:50%;box-shadow:0 0 90px rgba(74,142,255,.09),inset 0 0 70px rgba(91,142,255,.06);transition:transform .6s ease}.scene-orbit::before,.scene-orbit::after{content:"";position:absolute;border:1px solid rgba(170,132,255,.15);border-radius:50%;inset:14%}.scene-orbit::after{inset:34%;background:radial-gradient(circle,rgba(111,232,255,.22),transparent 68%);box-shadow:0 0 40px rgba(111,232,255,.18)}.scene-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--v5-cyan);box-shadow:0 0 18px var(--v5-cyan)}.scene-orbit i:nth-child(1){left:14%;top:22%}.scene-orbit i:nth-child(2){right:2%;top:48%;background:var(--v5-violet)}.scene-orbit i:nth-child(3){left:42%;bottom:-4%}
.capability-scene>span,.capability-scene>h3,.capability-scene>p,.scene-tags,.scene-status{position:relative;z-index:2}.capability-scene>span{color:#6e83a7;font:600 9px Inter;letter-spacing:.16em}.capability-scene>h3{max-width:570px;margin:12px 0 10px;font-size:clamp(28px,3vw,44px);line-height:1.25}.capability-scene>p{max-width:610px;margin:0;color:#91a0ba;line-height:1.8}.scene-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.scene-tags b{font:500 8px Inter;color:#8497b5;padding:5px 0;margin-inline-end:15px;border-bottom:1px solid #34445f}.scene-status{display:flex;align-items:center;gap:9px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);font:600 7px Inter;color:#58708f;letter-spacing:.12em}.scene-status i{width:6px;height:6px;border-radius:50%;background:#77f2c1;box-shadow:0 0 13px #77f2c1}.scene-status b{margin-inline-start:auto;color:#52617a}

/* Pricing as a transparent service ledger */
.currency-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 10px;padding:14px 0;border-block:1px solid rgba(255,255,255,.07)}.currency-toolbar p{margin:0;color:#62708a;font-size:11px}.currency-switch{direction:ltr;display:flex;gap:3px}.currency-switch button{height:36px;min-width:95px;border:1px solid rgba(255,255,255,.09);background:transparent;color:#697892;font:700 10px Inter;cursor:pointer}.currency-switch button.active{border-color:rgba(120,190,255,.45);background:#dff5ff;color:#07101e}.currency-switch button span{margin-left:4px}
.pricing-grid{display:block}.price-card{display:grid;grid-template-columns:125px 190px minmax(190px,.8fr) minmax(260px,1.2fr) 145px;align-items:center;gap:20px;min-height:0;padding:31px 0;border:0;border-bottom:1px solid rgba(255,255,255,.09);border-radius:0;background:transparent;transition:padding .3s ease,background .3s ease}.price-card.popular{border-color:rgba(121,187,255,.18);background:linear-gradient(90deg,transparent,rgba(73,130,255,.06),transparent);box-shadow:none}.price-card:hover{padding-inline:16px;background:linear-gradient(90deg,rgba(82,142,255,.09),transparent);transform:none}.price-tag{font-size:8px;letter-spacing:.18em}.price-card h3{margin:0;font:700 20px Inter}.price{margin:0;order:5;justify-self:end}.price b{font-size:31px}.price-card p{min-height:0;margin:0;font-size:12px}.price-card ul{display:flex;flex-wrap:wrap;gap:7px;margin:0}.price-card li{padding:0;font:500 8px Inter;color:#70809a}.price-card li::before{display:none}.price-card li+li::before{display:inline;content:"/";position:static;margin-inline:6px;background:none;box-shadow:none}.price-card>a{margin:0;padding:0;border:0;text-align:left;font-size:11px}.popular-label{position:absolute;top:5px;left:auto;right:125px;transform:none;padding:3px 7px;font-size:7px}

/* System canvas */
.system-demo{grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr);gap:0;padding:0;border:0;border-block:1px solid var(--v5-line);border-radius:0;background:transparent}.system-side{padding:52px 45px 52px 0}.system-side h3{font-size:clamp(27px,3.1vw,43px)}.flow-board{border:0;border-inline-start:1px solid var(--v5-line);border-radius:0;background:#070b18;padding:35px}.flow-node{height:190px;border:0;border-radius:0;border-block:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(80,131,229,.05),transparent)}

/* Selected work as cinematic case studies */
.work-section{background:#060914}.work-grid{display:block}.work-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:60px;padding:55px 0;border:0;border-top:1px solid var(--v5-line);border-radius:0;background:transparent;overflow:visible}.work-card:nth-child(even){grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)}.work-card:nth-child(even) .work-visual{order:2}.work-card:last-child{border-bottom:1px solid var(--v5-line)}.work-card:hover{transform:none;box-shadow:none}.work-visual{height:430px;border:1px solid rgba(137,185,255,.16);background-color:#080d1c}.product-shot{inset:9% 8% 8%;border-radius:12px;transform:perspective(950px) rotateY(2deg) rotateX(1deg)}.work-card:nth-child(even) .product-shot{transform:perspective(950px) rotateY(-2deg) rotateX(1deg)}.work-copy{padding:0}.work-copy>span{font-size:8px}.work-copy h3{font-size:clamp(27px,3vw,42px);line-height:1.22;margin:16px 0}.work-copy p{font-size:15px;line-height:1.9}.work-copy::after{content:"VIEW SYSTEM  ↗";display:block;margin-top:28px;color:#8abfe2;font:600 8px Inter;letter-spacing:.15em}
.product-shot{position:absolute;border:1px solid rgba(170,210,255,.2);background:rgba(6,10,24,.88);box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 60px rgba(76,148,255,.08);overflow:hidden;transition:transform .5s ease,box-shadow .5s ease}.shot-top{height:36px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.shot-top i{width:5px;height:5px;border-radius:50%;background:#ff637a}.shot-top i:nth-child(2){background:#ffd166}.shot-top i:nth-child(3){background:#77f2c1}.shot-top b{margin-inline-start:auto;color:#687894;font:600 7px Inter;letter-spacing:.12em}
.studio-preview{position:absolute;inset:52px 16px 94px;border:1px solid rgba(99,229,255,.18);background:radial-gradient(circle at 50% 45%,rgba(68,146,255,.25),transparent 42%),linear-gradient(145deg,#0f1c38,#07101f);display:grid;place-items:center}.studio-preview span{position:absolute;top:9px;left:9px;color:#72e6bd;font:600 6px Inter}.studio-preview strong{font:800 20px Inter;letter-spacing:.1em;color:rgba(220,241,255,.86)}.studio-sources{position:absolute;left:16px;right:16px;bottom:49px;height:36px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.studio-sources i{border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(110,168,255,.18),rgba(155,124,255,.08))}.studio-sources i:first-child{border-color:rgba(119,242,193,.45)}.studio-mixer{position:absolute;left:16px;right:16px;bottom:18px;height:17px;background:repeating-linear-gradient(90deg,rgba(99,229,255,.45) 0 2px,transparent 2px 22px)}
.crm-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px}.crm-stats span{padding:12px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02)}.crm-stats b{display:block;font:800 18px Inter}.crm-stats small{color:#697891;font:600 6px Inter}.crm-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 14px 14px;height:180px}.crm-board i{border-inline-start:1px solid rgba(255,255,255,.1);background:repeating-linear-gradient(180deg,rgba(255,255,255,.055) 0 22px,transparent 22px 31px)}.crm-board i:nth-child(2){background:repeating-linear-gradient(180deg,rgba(155,124,255,.12) 0 22px,transparent 22px 31px)}
.now-playing{margin:26px;border-block:1px solid rgba(119,242,193,.16);padding:28px;background:radial-gradient(circle at 50% 30%,rgba(71,224,196,.14),transparent 62%);text-align:center}.now-playing small,.now-playing span{display:block;color:#5f8d85;font:600 7px Inter;letter-spacing:.12em}.now-playing b{display:block;margin:20px 0 14px;font:800 24px Inter;color:#c8fff1}.radio-bars{margin:0 24px;color:#78f0d2;overflow:hidden;white-space:nowrap;font:700 20px/1 Inter;letter-spacing:4px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.docs-nav{position:absolute;top:52px;right:14px;bottom:14px;width:25%;border-inline-start:1px solid rgba(255,255,255,.1);background:repeating-linear-gradient(180deg,rgba(110,168,255,.13) 0 18px,transparent 18px 30px)}.docs-list{position:absolute;top:52px;right:calc(25% + 28px);left:14px;display:grid;gap:9px}.docs-list span{height:34px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,rgba(255,255,255,.055) 28%,transparent 28%)}.docs-chart{position:absolute;right:calc(25% + 28px);left:14px;bottom:14px;height:72px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(165deg,transparent 49%,rgba(110,168,255,.35) 50%,transparent 52%)}

/* Delivery as one connected rail */
.process-flow{display:block;border-top:1px solid var(--v5-line)}.process-flow::before{display:none}.process-flow article{display:grid;grid-template-columns:70px 70px 100px 220px minmax(220px,1fr) 180px;align-items:center;gap:18px;min-height:118px;padding:18px 0;border:0;border-bottom:1px solid rgba(255,255,255,.09);border-radius:0;background:transparent;overflow:visible;transition:padding .3s ease,background .3s ease}.process-flow article:hover{padding-inline:18px;transform:none;background:linear-gradient(90deg,rgba(84,145,255,.08),transparent)}.process-flow article>span{position:static;font-size:9px}.process-icon{width:46px;height:46px;margin:0;border-radius:50%;box-shadow:none}.process-flow small{font-size:7px}.process-flow h3{margin:0;font-size:19px}.process-flow p{min-height:0;margin:0}.process-flow article>b{margin:0;padding:0;border:0;text-align:left;font-size:9px}

/* Stack as a technical matrix */
.tech-layout{display:block}.tech-layout>.editorial-heading{margin-bottom:60px}.tech-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--v5-line);border-inline-start:1px solid var(--v5-line)}.tech-cards>span{position:relative;min-height:145px;display:grid;grid-template-columns:42px 1fr;grid-template-areas:"icon role" "name name";align-content:space-between;gap:16px;padding:23px;border:0;border-radius:0;border-inline-end:1px solid var(--v5-line);border-bottom:1px solid var(--v5-line);background:transparent;transition:background .3s ease,color .3s ease}.tech-cards>span::after{content:"+";position:absolute;right:-4px;bottom:-8px;z-index:2;color:#45536d;font:400 12px Inter}.tech-cards>span:hover{transform:none;background:linear-gradient(145deg,rgba(91,151,255,.1),transparent);box-shadow:none}.tech-cards i{grid-area:icon;width:36px;height:36px;border:0;border-radius:0;background:transparent;color:#87cfff;font-size:9px}.tech-cards b{grid-area:name;font-size:15px}.tech-cards small{grid-area:role;justify-self:end;align-self:start;font-size:7px}
.mobile-app-dock{display:none}

@media(max-width:1100px){.capability-console{grid-template-columns:1fr}.capability-scene{border-inline-start:0;border-top:1px solid var(--v5-line)}.price-card{grid-template-columns:90px 160px minmax(180px,1fr) 130px}.price-card p{display:none}.work-card,.work-card:nth-child(even){grid-template-columns:1fr 1fr;gap:35px}.process-flow article{grid-template-columns:45px 55px 85px 170px 1fr}.process-flow article>b{display:none}}

@media(max-width:800px){
  body{padding-bottom:76px;overscroll-behavior-y:none}.section-pad{padding:92px 0}.topbar{background:rgba(5,7,20,.9);border-bottom:1px solid var(--line)}.nav-wrap{height:68px}.brand-logo{width:38px!important}.brand-copy small{display:none}.mobile-menu{top:68px}
  .hero{min-height:100svh;padding-top:105px!important}.hero h1{font-size:clamp(39px,12vw,58px);line-height:1.13}.hero-actions{display:grid;grid-template-columns:1fr}.hero-meta{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-13px;padding:0 13px 8px;scrollbar-width:none}.hero-meta div{flex:0 0 220px;scroll-snap-align:start;padding:13px;border:1px solid var(--line)}.console-window{transform:none;border-radius:18px}.floating-chip{display:none}
  .editorial-heading{grid-template-columns:1fr;grid-template-areas:"kicker" "title" "note";gap:12px;padding-top:22px}.editorial-heading h2{font-size:clamp(32px,9.2vw,46px)!important}.editorial-heading .kicker{margin:0}.section-head,.split-intro{grid-template-columns:1fr;gap:25px;margin-bottom:45px}
  .capability-console{margin-top:42px}.capability-index{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-bottom:1px solid var(--v5-line)}.capability-row{flex:0 0 82%;scroll-snap-align:center;grid-template-columns:35px 1fr 25px;grid-template-areas:"no title arrow" "no meta arrow";padding:16px 12px;min-height:96px;border-inline-end:1px solid rgba(255,255,255,.08);border-bottom:0}.capability-row>span{grid-area:no}.capability-row>b{grid-area:title}.capability-row>small{grid-area:meta}.capability-row>i{grid-area:arrow}.capability-row:hover,.capability-row.active{padding-right:18px}.capability-scene{min-height:430px;padding:38px 24px 25px}.scene-orbit{width:210px;height:210px}.capability-scene>h3{font-size:29px}
  .currency-toolbar{align-items:stretch;flex-direction:column}.currency-switch{display:grid;grid-template-columns:1fr 1fr}.currency-switch button{width:100%}.currency-toolbar p{text-align:center}
  .price-card{grid-template-columns:70px 1fr auto;grid-template-areas:"tag name price" "features features action";gap:18px 10px;padding:26px 0}.price-tag{grid-area:tag}.price-card h3{grid-area:name}.price{grid-area:price;order:0}.price-card ul{grid-area:features}.price-card>a{grid-area:action}.price-card p{display:none}.popular-label{right:70px;top:2px}
  .system-demo{grid-template-columns:1fr}.system-side{padding:35px 0}.flow-board{border-inline-start:0;border-top:1px solid var(--v5-line);grid-template-columns:1fr;gap:8px;padding:22px 0}.flow-link{width:1px;height:22px;margin:auto}.flow-node{height:110px}
  .work-card,.work-card:nth-child(even){grid-template-columns:1fr;gap:26px;padding:38px 0}.work-card:nth-child(even) .work-visual{order:0}.work-visual{height:300px}.work-copy h3{font-size:28px}.work-copy p{font-size:13px}.product-shot,.work-card:nth-child(even) .product-shot{inset:8% 5%;transform:none}
  .process-flow article{grid-template-columns:44px 50px 1fr;grid-template-areas:"no icon title" "meta copy copy" "output output output";gap:10px 12px;padding:20px 0}.process-flow article>span{grid-area:no}.process-icon{grid-area:icon}.process-flow small{grid-area:meta}.process-flow h3{grid-area:title}.process-flow p{grid-area:copy}.process-flow article>b{display:block;grid-area:output;text-align:right;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
  .tech-layout>.editorial-heading{margin-bottom:38px}.tech-cards{grid-template-columns:repeat(2,1fr)}.tech-cards>span{min-height:125px;padding:18px}
  .mobile-app-dock{position:fixed;z-index:70;right:10px;left:10px;bottom:9px;height:64px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:6px 8px;border:1px solid rgba(151,194,255,.2);border-radius:18px;background:rgba(8,12,27,.9);box-shadow:0 20px 60px rgba(0,0,0,.5);backdrop-filter:blur(20px)}.mobile-app-dock a{display:grid;place-items:center;gap:2px;color:#75839b}.mobile-app-dock a.active{color:#c9efff}.mobile-app-dock span{font:700 15px Inter}.mobile-app-dock small{font-size:8px}.mobile-app-dock .dock-primary span{width:44px;height:44px;margin-top:-22px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#61d9ff,#7b70ff);color:white}
}
@media(max-width:440px){.container{width:min(100% - 22px,var(--max))}.hero h1{font-size:clamp(36px,11.2vw,46px)}.console-rail{display:none}.console-body{grid-template-columns:1fr}.price-card{grid-template-columns:58px 1fr auto}.price b{font-size:25px}.tech-cards>span{min-height:112px;padding:14px}.tech-cards b{font-size:12px}}
@media(hover:none){.capability-row:hover,.price-card:hover,.process-flow article:hover{padding-inline:initial}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.scene-orbit,.capability-row,.price-card,.process-flow article{transition:none!important}}