:root{--ink:#edf0ef;--muted:#a4adb0;--line:rgba(237,240,239,.17);--lime:#d6ff4f;--navy:#0a1020;--card:#111b2d;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.55}.noise{position:fixed;inset:0;z-index:-1;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-block:26px;border-bottom:1px solid var(--line)}.wordmark{color:var(--ink);text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.08em}.wordmark span{color:var(--lime)}.header-link{font:12px 'DM Mono',monospace;color:var(--ink);text-decoration:none}.header-link span,.button span,.email span{color:var(--lime)}.hero{padding:118px 0 66px}.eyebrow,.section-number{margin:0;font:11px 'DM Mono',monospace;letter-spacing:.05em;color:var(--muted)}.eyebrow span{display:inline-block;width:8px;height:8px;border-radius:100%;background:var(--lime);margin-right:8px}.hero h1{max-width:1050px;margin:25px 0;font-size:clamp(44px,7vw,91px);line-height:.98;letter-spacing:-.067em;font-weight:700}.hero h1 em,.pilot h2 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.hero-copy{max-width:605px;margin:0;color:var(--muted);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.button{display:inline-flex;justify-content:center;gap:24px;padding:14px 17px;text-decoration:none;font-size:13px;font-weight:700}.button-primary{color:#0c1624;background:var(--lime)}.button-quiet{color:var(--ink);border:1px solid var(--line)}.hero-meta{display:flex;justify-content:space-between;margin-top:113px;font:10px 'DM Mono',monospace;color:var(--muted)}.section-grid{display:grid;grid-template-columns:24% 1fr;gap:55px;padding:110px 0;border-top:1px solid var(--line)}h2{margin:0;font-size:clamp(32px,4.8vw,61px);line-height:1.03;letter-spacing:-.06em} .statement h2{max-width:790px}.statement p:not(.section-number){max-width:645px;margin:27px 0 37px;color:var(--muted);font-size:18px}.service-list{display:flex;flex-wrap:wrap;gap:8px}.service-list span{padding:8px 11px;border:1px solid var(--line);font:10px 'DM Mono',monospace}.work{padding:110px 0;border-top:1px solid var(--line)}.section-intro{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.section-intro>p:last-child{max-width:270px;margin:0;color:var(--muted);font-size:12px;text-align:right}.project-card{display:block;color:inherit;text-decoration:none}.project-visual{min-height:470px;padding:44px;background:linear-gradient(120deg,#8cd5dc,#e9b99f);display:grid;place-items:center;overflow:hidden}.browser{width:min(88%,770px);overflow:hidden;border-radius:11px;background:#f5f7f5;box-shadow:0 30px 70px rgba(4,11,22,.35);transform:rotate(-2deg)}.browser-bar{height:38px;display:flex;align-items:center;gap:6px;padding:0 13px;background:#e4e7e4}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#aab3b1}.browser-bar span{margin-left:10px;color:#687372;font:9px 'DM Mono',monospace}.browser-body{min-height:330px;padding:46px;background:linear-gradient(125deg,#102638 53%,#d7e8df 53%);color:white}.browser-body small{font:9px 'DM Mono',monospace;color:#a7e9e1}.browser-body strong{display:block;max-width:400px;margin:19px 0 25px;font-size:clamp(28px,4vw,52px);line-height:1.05;letter-spacing:-.06em}.browser-body b{display:inline-block;padding:11px 14px;background:#68ddd4;color:#0d2834;font-size:11px}.browser-lines{display:flex;gap:6px;margin-top:42px}.browser-lines i{width:62px;height:5px;background:rgba(255,255,255,.4)}.project-copy{display:flex;justify-content:space-between;gap:20px;padding:21px 0}.project-label{margin:0;color:var(--lime);font:10px 'DM Mono',monospace}.project-copy h3{margin:5px 0 0;font-size:21px;letter-spacing:-.04em}.project-link{align-self:end;font:11px 'DM Mono',monospace}.steps{margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:23px 0;border-top:1px solid var(--line)}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li>span{font:11px 'DM Mono',monospace;color:var(--lime)}.steps h3{margin:0;font-size:20px;letter-spacing:-.04em}.steps p{max-width:480px;margin:5px 0 0;color:var(--muted);font-size:14px}.pilot{display:grid;grid-template-columns:1fr 47%;gap:70px;padding:110px 0;border-top:1px solid var(--line)}.pilot-card{padding:31px;background:var(--card);border:1px solid var(--line)}.pilot-price{margin:0 0 22px;color:var(--muted);font-size:13px}.pilot-price strong{margin-left:7px;color:var(--lime);font:38px Georgia,serif}.pilot-card ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.pilot-card li{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.pilot-card li:before{content:'↗';color:var(--lime);margin-right:9px}.pilot-note{margin:18px 0;color:var(--muted);font-size:12px}.pilot-card .button{width:100%;margin-top:8px}.contact{padding:120px 0;border-top:1px solid var(--line)}.contact h2{max-width:690px;margin:20px 0 35px}.email{display:inline-block;color:var(--lime);font-size:clamp(18px,3vw,36px);letter-spacing:-.05em;text-decoration:none;border-bottom:1px solid rgba(214,255,79,.4)}.footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0;color:var(--muted);border-top:1px solid var(--line);font:10px 'DM Mono',monospace}@media(max-width:700px){.container{width:min(calc(100% - 30px),var(--max))}.header{padding-block:18px}.hero{padding-top:80px}.hero-meta{margin-top:70px}.section-grid,.pilot{grid-template-columns:1fr;gap:27px;padding-block:75px}.work,.contact{padding-block:75px}.section-intro{gap:18px}.project-visual{min-height:300px;padding:20px}.browser{width:100%}.browser-body{min-height:250px;padding:27px}.project-copy{display:block}.project-link{display:inline-block;margin-top:17px}.pilot{gap:43px}.footer{flex-direction:column}.hero-copy{font-size:16px}.section-intro>p:last-child{text-align:left}.email{overflow-wrap:anywhere}}

/* Portfolio refinement */
:root{--blue:#7aa7ff;--coral:#ff8f73;--violet:#b899ff}
.header-actions{display:flex;align-items:center;gap:27px}.language-switcher{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line);font:10px 'DM Mono',monospace}.lang-button{padding:0;border:0;color:#73808d;background:transparent;font:inherit;cursor:pointer}.lang-button.is-active{color:var(--lime)}.header-link b{color:var(--lime);font-weight:400}.eyebrow b,.button b{font:inherit}.button{transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary:hover{background:#e2ff79}.statement{position:relative}.statement:before{position:absolute;top:110px;right:0;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,var(--blue),transparent 68%);opacity:.09;content:'';pointer-events:none}.statement-content h2 em,.process-heading h2 em{color:var(--blue);font-family:Georgia,serif;font-weight:400}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:42px}.service-grid article{position:relative;min-height:142px;padding:22px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(122,167,255,.1),rgba(17,27,45,.32));transition:transform .25s ease,border-color .25s ease}.service-grid article:nth-child(2){background:linear-gradient(145deg,rgba(214,255,79,.1),rgba(17,27,45,.32))}.service-grid article:nth-child(3){background:linear-gradient(145deg,rgba(255,143,115,.1),rgba(17,27,45,.32))}.service-grid article:nth-child(4){background:linear-gradient(145deg,rgba(184,153,255,.1),rgba(17,27,45,.32))}.service-grid article:hover{transform:translateY(-4px);border-color:rgba(237,240,239,.36)}.service-grid b{position:absolute;top:18px;right:18px;color:var(--blue);font:10px 'DM Mono',monospace}.service-grid article:nth-child(2) b{color:var(--lime)}.service-grid article:nth-child(3) b{color:var(--coral)}.service-grid article:nth-child(4) b{color:var(--violet)}.service-grid strong{display:block;margin-top:35px;font-size:16px}.service-grid small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.section-intro>div{max-width:760px}.section-intro h2{margin-top:18px;font-size:clamp(34px,4.5vw,58px)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{border:1px solid var(--line);background:rgba(17,27,45,.5);transition:transform .25s ease,border-color .25s ease}.project-card:hover{transform:translateY(-6px);border-color:rgba(237,240,239,.38)}.project-card .project-visual{position:relative;min-height:390px;padding:34px}.project-blue .project-visual{background:linear-gradient(145deg,#79ccd3,#e7bda8)}.project-gold .project-visual{background:linear-gradient(145deg,#d2a655,#4b291d)}.project-index{position:absolute;top:18px;left:19px;z-index:2;padding:5px 8px;color:#111827;background:rgba(255,255,255,.7);font:10px 'DM Mono',monospace;backdrop-filter:blur(8px)}.project-card .browser{width:94%}.project-card .browser-body{min-height:290px;padding:32px}.project-card .browser-body strong{font-size:clamp(25px,3vw,40px)}.browser-apex{transform:rotate(2deg);background:#111}.browser-apex .browser-bar{background:#e9e5dc}.apex-body{position:relative;min-height:290px;padding:34px;overflow:hidden;color:#f4ead7;background:radial-gradient(circle at 80% 35%,#8e6249 0,#261c1b 32%,#0b0b0c 68%)}.apex-body:after{position:absolute;right:-55px;bottom:-70px;width:250px;height:160px;border:1px solid rgba(237,195,108,.7);border-radius:50% 50% 22% 15%;transform:rotate(-12deg);box-shadow:-30px -20px 70px rgba(226,171,82,.22);content:''}.apex-body small{font:8px 'DM Mono',monospace;color:#e9c46e}.apex-body strong{position:relative;z-index:1;display:block;margin:24px 0;font:42px/1 Georgia,serif}.apex-body b{position:relative;z-index:1;display:inline-block;padding:10px 13px;color:#111;background:#e8be68;font-size:10px}.project-copy{padding:22px}.project-copy small{display:block;margin-top:8px;color:var(--muted);font-size:11px}.project-link{padding:7px 9px;border:1px solid var(--line);white-space:nowrap}.process{padding:110px 0;border-top:1px solid var(--line)}.process-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.process-heading h2{max-width:760px;font-size:clamp(44px,6vw,76px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:step}.steps li{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:310px;padding:24px;border:1px solid var(--line);background:linear-gradient(155deg,rgba(122,167,255,.13),rgba(17,27,45,.7))}.steps li:nth-child(2){background:linear-gradient(155deg,rgba(214,255,79,.12),rgba(17,27,45,.7))}.steps li:nth-child(3){background:linear-gradient(155deg,rgba(255,143,115,.13),rgba(17,27,45,.7))}.steps li>span{font-size:11px}.steps li>div{margin-top:auto;padding-top:70px}.steps h3{font-size:26px}.steps p{font-size:13px}.steps li>b{position:absolute;top:20px;right:22px;color:var(--blue);font:34px Georgia,serif}.steps li:nth-child(2)>b{color:var(--lime)}.steps li:nth-child(3)>b{color:var(--coral)}.pilot-card{box-shadow:20px 20px 0 rgba(214,255,79,.06)}
@media(max-width:850px){.project-grid{grid-template-columns:1fr}.project-card .project-visual{min-height:360px}.steps{grid-template-columns:1fr}.steps li{min-height:240px}.steps li>div{padding-top:35px}.process-heading{display:block}.process-heading h2{margin-top:20px}}
@media(max-width:700px){.header-actions{gap:12px}.header-link>span{display:none}.header-link b{font-size:17px}.service-grid{grid-template-columns:1fr}.section-intro{display:block}.section-intro>p:last-child{margin-top:20px}.project-card .project-visual{min-height:290px;padding:19px}.project-card .browser-body,.apex-body{min-height:230px;padding:24px}.apex-body strong{font-size:34px}.project-copy{padding:18px}.process{padding-block:75px}.process-heading h2{font-size:clamp(38px,12vw,54px)}.steps li{min-height:220px}}

/* Interactive process timeline */
.process-hint{margin:0 0 28px;color:var(--muted);font:10px 'DM Mono',monospace}.process-timeline{position:relative;--progress:0%;padding-top:4px}.timeline-line{position:absolute;top:27px;right:16.666%;left:16.666%;height:2px;background:rgba(237,240,239,.16)}.timeline-line span{position:absolute;inset:0 auto 0 0;width:var(--progress);background:linear-gradient(90deg,var(--blue),var(--lime),var(--coral));transition:width .9s cubic-bezier(.22,.75,.2,1)}.timeline-line span:after{position:absolute;top:50%;right:-6px;width:12px;height:12px;border:3px solid var(--navy);border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(214,255,79,.12),0 0 22px rgba(214,255,79,.75);transform:translateY(-50%);content:''}.timeline-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:0;padding:0;list-style:none}.timeline-step{text-align:center}.timeline-point{position:relative;z-index:2;display:grid;width:48px;height:48px;margin:0 auto;padding:0;place-items:center;border:1px solid rgba(237,240,239,.3);border-radius:50%;color:var(--muted);background:var(--navy);font:10px 'DM Mono',monospace;cursor:pointer;transition:color .25s ease,background .25s ease,transform .25s ease,border-color .25s ease,box-shadow .25s ease}.timeline-point:hover,.timeline-point:focus-visible,.timeline-step.is-active .timeline-point{color:#0a1020;background:var(--lime);border-color:var(--lime);box-shadow:0 0 0 8px rgba(214,255,79,.08);transform:scale(1.08)}.timeline-detail{min-height:210px;margin-top:30px;padding:24px 20px;border:1px solid transparent;background:rgba(17,27,45,.25);opacity:.48;transform:translateY(9px);transition:opacity .35s ease,transform .35s ease,border-color .35s ease,background .35s ease}.timeline-step:nth-child(1) .timeline-detail{--step-color:var(--blue)}.timeline-step:nth-child(2) .timeline-detail{--step-color:var(--lime)}.timeline-step:nth-child(3) .timeline-detail{--step-color:var(--coral)}.timeline-detail small{color:var(--step-color);font:9px 'DM Mono',monospace;letter-spacing:.08em}.timeline-detail h3{margin:14px 0 0;font-size:24px;letter-spacing:-.05em}.timeline-detail p{max-height:0;margin:0;color:var(--muted);font-size:13px;opacity:0;overflow:hidden;transform:translateY(5px);transition:max-height .45s ease,margin .45s ease,opacity .35s ease,transform .35s ease}.timeline-step.is-active .timeline-detail{border-color:color-mix(in srgb,var(--step-color) 45%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--step-color) 11%,transparent),rgba(17,27,45,.72));opacity:1;transform:translateY(0)}.timeline-step.is-active .timeline-detail p{max-height:130px;margin-top:14px;opacity:1;transform:translateY(0)}
@media(max-width:700px){.process-hint{margin-bottom:22px}.timeline-line{top:24px;right:auto;bottom:44px;left:23px;width:2px;height:auto}.timeline-line span{width:2px;height:var(--progress);background:linear-gradient(180deg,var(--blue),var(--lime),var(--coral));transition:height .9s cubic-bezier(.22,.75,.2,1)}.timeline-line span:after{top:auto;right:50%;bottom:-6px;transform:translateX(50%)}.timeline-steps{grid-template-columns:1fr;gap:12px}.timeline-step{display:grid;grid-template-columns:48px 1fr;gap:15px;text-align:left}.timeline-point{margin:0}.timeline-detail{min-height:0;margin-top:0;padding:18px}.timeline-detail h3{margin-top:8px;font-size:21px}.timeline-step.is-active .timeline-detail p{max-height:180px;margin-top:10px}.timeline-step:not(.is-active) .timeline-detail{padding-block:13px}.timeline-step:not(.is-active) .timeline-detail h3{margin-top:4px}.timeline-step:not(.is-active) .timeline-detail small{display:none}}

/* Clear industry thumbnails */
.industry-badge{position:absolute;top:18px;right:18px;z-index:3;padding:6px 9px;color:#111827;background:rgba(255,255,255,.76);font:9px 'DM Mono',monospace;letter-spacing:.06em;backdrop-filter:blur(8px)}.browser-body,.apex-body{display:grid;grid-template-columns:minmax(0,1fr) 44%;align-items:center}.thumbnail-copy{position:relative;z-index:2}.trade-illustration,.car-illustration{position:relative;z-index:1;width:100%;overflow:visible}.trade-illustration .pipe{fill:none;stroke:#78e1dc;stroke-width:18;stroke-linecap:round}.trade-illustration .pipe-shadow{fill:none;stroke:rgba(255,255,255,.16);stroke-width:8;stroke-linecap:round}.plumber-head{fill:#e3ad8d}.plumber-cap{fill:#1771de}.plumber-body{fill:#145cad}.plumber-arm{fill:none;stroke:#e3ad8d;stroke-width:18;stroke-linecap:round}.wrench{fill:#dbe5e7}.valve{fill:#0b3146;stroke:#76e3dd;stroke-width:4}.valve-line{fill:none;stroke:#76e3dd;stroke-width:4}.apex-body{grid-template-columns:42% 58%}.car-illustration{filter:drop-shadow(0 20px 25px rgba(0,0,0,.5))}.car-glow{fill:none;stroke:rgba(232,190,104,.22);stroke-width:22;filter:blur(8px)}.car-body{fill:#151517;stroke:#d7ab59;stroke-width:2}.car-window{fill:#493a35;stroke:#b5894d;stroke-width:2}.car-wheel{fill:#080809;stroke:#d7ab59;stroke-width:4}.car-wheel-hub{fill:#d7ab59}.spark{fill:#f7d58c}.spark.small{opacity:.7}.project-card:hover .trade-illustration{animation:tool-float 2.2s ease-in-out infinite}.project-card:hover .spark{animation:spark-pulse 1.2s ease-in-out infinite}@keyframes tool-float{50%{transform:translateY(-7px)}}@keyframes spark-pulse{50%{opacity:.25;transform:scale(.82);transform-origin:center}}
@media(max-width:700px){.industry-badge{top:12px;right:12px}.browser-body,.apex-body{grid-template-columns:56% 44%}.browser-body strong{font-size:25px}.apex-body strong{font-size:29px}.trade-illustration{transform:scale(1.12);transform-origin:center}.car-illustration{transform:scale(1.1);transform-origin:center}}

/* Personal NS logo */
.wordmark{display:inline-flex;align-items:center;gap:10px;letter-spacing:-.04em}.logo-mark{width:38px;height:38px;flex:none;filter:drop-shadow(0 8px 18px rgba(214,255,79,.16));transition:transform .25s ease,filter .25s ease}.wordmark:hover .logo-mark{transform:rotate(-7deg) scale(1.07);filter:drop-shadow(0 10px 20px rgba(214,255,79,.3))}.wordmark-name{color:var(--ink);font-size:14px;letter-spacing:-.045em}.wordmark-name i{color:var(--lime);font-style:normal}.footer-brand{display:inline-flex;align-items:center;gap:8px}.footer-logo{width:19px;height:19px;flex:none}@media(max-width:520px){.wordmark-name{display:none}.logo-mark{width:36px;height:36px}}

/* Second business entry point */
.trade-offer{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:28px;margin-bottom:75px;padding:22px 24px;border:1px solid rgba(122,167,255,.35);color:var(--ink);background:linear-gradient(110deg,rgba(122,167,255,.14),rgba(17,27,45,.52));text-decoration:none;transition:transform .25s ease,border-color .25s ease,background .25s ease}.trade-offer:hover{transform:translateY(-4px);border-color:rgba(214,255,79,.55);background:linear-gradient(110deg,rgba(122,167,255,.2),rgba(214,255,79,.06))}.trade-offer-label{color:var(--blue);font:9px 'DM Mono',monospace;letter-spacing:.06em}.trade-offer strong{font-size:16px;letter-spacing:-.025em}.trade-offer i{display:grid;width:38px;height:38px;place-items:center;color:var(--navy);background:var(--lime);font-style:normal}@media(max-width:700px){.trade-offer{grid-template-columns:1fr auto;gap:9px 15px;margin-bottom:45px;padding:18px}.trade-offer-label{grid-column:1}.trade-offer strong{grid-column:1;font-size:14px}.trade-offer i{grid-column:2;grid-row:1/3}}