:root{
  --ink:#0d1f18;
  --deep:#10251c;
  --deep-2:#153126;
  --deep-3:#1a3a2d;
  --silk:#f5f0e4;
  --muted:rgba(245,240,228,.66);
  --gold:#d8ae58;
  --gold-2:#f0cd83;
  --line:rgba(245,240,228,.14);
  --line-strong:rgba(245,240,228,.24);
  --glass:rgba(245,240,228,.055);
  --wrap:min(1180px,calc(100% - 48px));
  --heading:"Caprasimo",Georgia,serif;
  --body:"Figtree",Arial,sans-serif;
  --shadow:0 30px 90px rgba(0,0,0,.32);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px;background:var(--deep)}
body{margin:0;background:var(--deep);color:var(--silk);font-family:var(--body);font-size:16px;line-height:1.65;overflow-x:hidden;accent-color:var(--gold)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 21%,transparent 78%,rgba(255,255,255,.018));mix-blend-mode:screen}
a{color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
::selection{background:var(--gold);color:var(--deep)}
.wrap{width:var(--wrap);margin-inline:auto;position:relative}
.skip-link{position:fixed;left:16px;top:-80px;z-index:2000;background:var(--silk);color:var(--ink);padding:10px 16px;border-radius:0 0 12px 12px;text-decoration:none}.skip-link:focus{top:0}
.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-2));z-index:1500;box-shadow:0 0 16px var(--gold)}

/* Floating navigation */
.nav-shell{position:fixed;z-index:900;top:18px;left:50%;width:min(1180px,calc(100% - 28px));height:68px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;padding:8px 9px 8px 17px;border:1px solid rgba(245,240,228,.13);border-radius:23px;background:rgba(12,31,23,.67);backdrop-filter:blur(22px) saturate(145%);box-shadow:0 12px 45px rgba(0,0,0,.18);transition:.35s ease}
.nav-shell.scrolled{top:10px;background:rgba(12,31,23,.91);border-color:rgba(245,240,228,.19);box-shadow:0 16px 55px rgba(0,0,0,.32)}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-family:var(--heading);font-size:18px;white-space:nowrap;position:relative;z-index:2}
.brand-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(240,205,131,.28);border-radius:13px;background:rgba(216,174,88,.08);transition:.35s ease}
.brand-mark:after{content:"";position:absolute;width:46px;height:46px;border:1px dashed rgba(240,205,131,.18);border-radius:50%;animation:navWebSpin 16s linear infinite;pointer-events:none}
.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.05);background:rgba(216,174,88,.15)}
.brand svg{width:28px;height:28px;fill:var(--gold);stroke:var(--gold);stroke-width:2.1;stroke-linecap:round}.brand .mark{fill:var(--deep);stroke:none}
@keyframes navWebSpin{to{transform:rotate(360deg)}}
.nav-track{height:50px;display:flex;align-items:center;gap:2px;position:relative;padding:3px;border-radius:17px;background:rgba(255,255,255,.025)}
.nav-track>a{height:44px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border-radius:14px;text-decoration:none;font-size:13px;font-weight:700;color:rgba(245,240,228,.68);position:relative;z-index:2;transition:color .25s ease,transform .25s ease}
.nav-track>a:hover,.nav-track>a.active{color:var(--silk);transform:translateY(-1px)}
.nav-track>a:not(.nav-cta):after{content:"";position:absolute;left:50%;bottom:7px;width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:0;transform:translate(-50%,6px);transition:.25s ease}
.nav-track>a.active:after{opacity:1;transform:translate(-50%,0)}
.nav-indicator{position:absolute;height:44px;left:3px;top:3px;width:0;border-radius:14px;background:rgba(245,240,228,.075);border:1px solid rgba(245,240,228,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .35s cubic-bezier(.2,.8,.2,1),width .35s cubic-bezier(.2,.8,.2,1),opacity .2s}
.nav-track .nav-cta{background:var(--gold);color:var(--deep);margin-left:5px;padding-inline:18px;box-shadow:0 8px 24px rgba(216,174,88,.17)}
.nav-track .nav-cta:hover{color:var(--deep);background:var(--gold-2);transform:translateY(-2px)}
.nav-cta span{transition:.25s}.nav-cta:hover span{transform:translate(2px,-2px)}
.menu-toggle{display:none;width:44px;height:44px;border:0;border-radius:14px;background:rgba(245,240,228,.08);position:relative}.menu-toggle span{position:absolute;width:19px;height:1.5px;background:var(--silk);left:12px;top:17px;transition:.3s}.menu-toggle span:last-child{top:25px}.menu-toggle[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}

/* One continuous page canvas */
.experience,.hero{position:relative;isolation:isolate;background:
  radial-gradient(circle at 82% 7%,rgba(64,112,87,.21),transparent 30%),
  radial-gradient(circle at 12% 27%,rgba(216,174,88,.055),transparent 24%),
  linear-gradient(180deg,#10251c 0%,#11281e 47%,#0e231a 100%)}
.experience:before{content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;background-image:radial-gradient(rgba(245,240,228,.09) .65px,transparent .65px);background-size:23px 23px;mask-image:linear-gradient(to bottom,transparent,black 7%,black 93%,transparent)}
.continuous-thread{position:absolute;z-index:0;right:3.5vw;top:72vh;width:170px;height:calc(100% - 20vh);pointer-events:none;opacity:.45}
.continuous-thread svg{width:100%;height:100%;overflow:visible}.continuous-thread path{fill:none;stroke:rgba(245,240,228,.20);stroke-width:1}.continuous-thread .thread-glow{stroke:rgba(216,174,88,.08);stroke-width:8;filter:blur(8px)}
.phase{position:relative;z-index:1;padding:clamp(105px,12vw,190px) 0;scroll-margin-top:100px;overflow:clip}
.phase-glow{position:absolute;width:720px;height:720px;border-radius:50%;filter:blur(10px);pointer-events:none;z-index:-1;opacity:.56}.glow-left{left:-420px;top:10%;background:radial-gradient(circle,rgba(216,174,88,.10),transparent 65%)}.glow-right{right:-420px;top:12%;background:radial-gradient(circle,rgba(78,139,106,.18),transparent 67%)}.glow-centre{left:50%;top:4%;transform:translateX(-50%);background:radial-gradient(circle,rgba(216,174,88,.08),transparent 66%)}
.phase:not(.hero){margin-top:-1px}

/* Global living spider */
.screen-spider{position:fixed;left:calc(78vw - 34px);top:22vh;width:68px;height:68px;z-index:840;pointer-events:none;will-change:transform,left,top;filter:drop-shadow(0 12px 12px rgba(0,0,0,.28));transition:opacity .25s ease}
.screen-spider svg{width:100%;height:100%;fill:#0b1712;stroke:#0b1712;stroke-width:2.8;stroke-linecap:round;overflow:visible;transform-origin:center}
.screen-spider .mark{fill:var(--gold);stroke:none}.spider-legs{transform-box:fill-box;transform-origin:center}.left-legs{animation:legsLeft .42s ease-in-out infinite alternate}.right-legs{animation:legsRight .42s ease-in-out infinite alternate}.screen-spider.resting .left-legs,.screen-spider.resting .right-legs{animation-duration:1.3s}.screen-spider.scurrying .left-legs,.screen-spider.scurrying .right-legs{animation-duration:.18s}
@keyframes legsLeft{from{transform:rotate(3deg) scaleX(.98)}to{transform:rotate(-4deg) scaleX(1.05)}}@keyframes legsRight{from{transform:rotate(-3deg) scaleX(.98)}to{transform:rotate(4deg) scaleX(1.05)}}
.spider-shadow{position:absolute;width:36px;height:16px;left:16px;top:45px;border-radius:50%;background:rgba(0,0,0,.24);filter:blur(7px);transform:translate(8px,8px)}
.screen-thread{position:absolute;display:block;left:50%;bottom:50%;width:1px;height:0;background:linear-gradient(to top,rgba(245,240,228,.78),rgba(245,240,228,.06));transform-origin:bottom;opacity:0;transition:opacity .3s;box-shadow:0 0 5px rgba(245,240,228,.18)}.screen-spider.threaded .screen-thread{opacity:1}

/* Hero */
.hero{min-height:100svh;padding:155px 0 105px;display:grid;align-items:center;overflow:hidden}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:190px;background:linear-gradient(to bottom,transparent,#10251c);pointer-events:none;z-index:-1}
.hero-ambient{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 74% 42%,rgba(69,120,93,.24),transparent 32%),radial-gradient(circle at 20% 70%,rgba(216,174,88,.065),transparent 28%)}
.hero-content{z-index:2;padding-right:38%}
.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 20px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2)}.eyebrow>span{width:33px;height:1px;background:currentColor;position:relative}.eyebrow>span:after{content:"";position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:currentColor}.eyebrow.light{color:var(--gold-2)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);font-weight:400}
h1{font-size:clamp(54px,6.7vw,104px);line-height:.94;letter-spacing:-.035em;max-width:870px;margin:0 0 30px}h1 em{font-style:normal;color:var(--gold-2)}h1 span{font-size:.72em;color:rgba(245,240,228,.84)}
.hero-copy{max-width:655px;color:rgba(245,240,228,.67);font-size:clamp(16px,1.45vw,19px);line-height:1.7;margin-bottom:34px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:51px;padding:0 22px;border-radius:15px;text-decoration:none;border:1px solid transparent;font-weight:800;font-size:14px;transition:.27s ease}.button:hover{transform:translateY(-3px)}.button-gold{background:var(--gold);color:var(--deep);box-shadow:0 14px 34px rgba(216,174,88,.16)}.button-gold:hover{background:var(--gold-2);box-shadow:0 18px 42px rgba(216,174,88,.24)}.button-ghost{border-color:rgba(245,240,228,.18);background:rgba(245,240,228,.04)}.button-ghost:hover{border-color:rgba(245,240,228,.35);background:rgba(245,240,228,.08)}.button-outline{border-color:rgba(245,240,228,.2);background:transparent}.button-outline:hover{border-color:var(--gold);color:var(--gold-2)}
.trust-line{display:flex;align-items:center;gap:15px;margin-top:28px;color:rgba(245,240,228,.48);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.trust-line i{width:4px;height:4px;border-radius:50%;background:var(--gold)}
.hero-web-cluster{position:absolute;z-index:1;right:-2vw;top:8vh;width:min(57vw,790px);height:min(78vh,730px);filter:drop-shadow(0 35px 70px rgba(0,0,0,.18));pointer-events:none}.web-disc{position:absolute}.web-disc-large{width:78%;right:0;top:0}.web-disc-small{width:43%;left:2%;bottom:2%}.web-disc svg{width:100%;height:100%;overflow:visible}.web-spokes,.web-rings{fill:none;stroke:rgba(245,240,228,.22);stroke-width:1}.web-rings path{stroke-dasharray:1;stroke-dashoffset:1;animation:webDraw 2.8s cubic-bezier(.2,.75,.2,1) forwards}.web-rings path:nth-child(2){animation-delay:.25s}.web-rings path:nth-child(3){animation-delay:.5s}.web-rings path:nth-child(4){animation-delay:.75s}.web-disc-small .web-rings path{animation-delay:.85s}.web-disc-small .web-rings path:nth-child(2){animation-delay:1.05s}.web-disc-small .web-rings path:nth-child(3){animation-delay:1.25s}@keyframes webDraw{to{stroke-dashoffset:0}}
.bridge-silk{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.bridge-silk path{fill:none;stroke:rgba(245,240,228,.18);stroke-width:1;stroke-dasharray:5 7;animation:silkPulse 5s linear infinite}@keyframes silkPulse{to{stroke-dashoffset:-48}}
.scroll-cue{position:absolute;left:50%;bottom:35px;z-index:5;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:rgba(245,240,228,.45);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}.scroll-cue i{height:45px;width:1px;background:linear-gradient(var(--gold),transparent);position:relative}.scroll-cue i:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);left:-2px;top:0;animation:cueDrop 2s ease-in-out infinite}@keyframes cueDrop{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(38px);opacity:0}}

/* Common chapter content */
.chapter-intro{max-width:770px}.chapter-intro.centred{text-align:center;margin-inline:auto}.chapter-intro.centred .eyebrow{justify-content:center}.chapter-intro h2,.process-copy h2{font-size:clamp(43px,5.7vw,78px);line-height:1.02;letter-spacing:-.025em;margin-bottom:22px}.chapter-intro>p:last-child,.process-copy>p:last-child{color:var(--muted);max-width:64ch;font-size:17px}
.reveal{opacity:0;transform:translateY(35px) scale(.985);filter:blur(4px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1),filter .8s ease}.reveal.visible{opacity:1;transform:none;filter:none}

/* Work trail */
.work-phase{padding-top:95px}.work-trail{position:relative;margin-top:90px}.work-trail:before{content:"";position:absolute;left:50%;top:10%;bottom:8%;width:1px;background:linear-gradient(transparent,rgba(245,240,228,.18) 12%,rgba(245,240,228,.18) 88%,transparent);opacity:.55}.project-card{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);align-items:center;gap:clamp(50px,8vw,110px);margin-bottom:clamp(125px,15vw,210px);position:relative}.project-card:last-child{margin-bottom:0}.project-two{grid-template-columns:minmax(260px,.75fr) minmax(0,1.55fr)}.project-card:after{content:"";position:absolute;left:calc(50% - 7px);top:50%;width:14px;height:14px;border:1px solid rgba(216,174,88,.7);border-radius:50%;background:var(--deep);box-shadow:0 0 0 7px rgba(216,174,88,.06),0 0 30px rgba(216,174,88,.18)}
.browser-card{display:block;text-decoration:none;background:#e9e2d5;border:1px solid rgba(245,240,228,.18);border-radius:25px;overflow:hidden;box-shadow:var(--shadow);transform:perspective(1000px) rotateY(2deg) rotateX(1deg);transition:.55s cubic-bezier(.2,.8,.2,1)}.project-two .browser-card{transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}.browser-card:hover{transform:perspective(1000px) rotateY(0) rotateX(0) translateY(-10px) scale(1.01);box-shadow:0 40px 100px rgba(0,0,0,.42)}
.browser-bar{height:43px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#eee8dd;border-bottom:1px solid rgba(16,37,28,.1)}.browser-bar>span{width:7px;height:7px;border-radius:50%;background:#c5bdb0}.browser-bar small{margin-left:auto;margin-right:auto;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#91897e;font-size:9px}.photo-layout,.electric-layout{height:clamp(350px,39vw,490px);position:relative;overflow:hidden}.photo-layout{background:linear-gradient(130deg,#ddd0be,#f3eee5 47%,#cab6a1);color:#463d35}.photo-title{position:absolute;left:7%;top:10%;font-family:Georgia,serif;font-size:clamp(42px,6vw,82px);line-height:.82;font-style:italic;z-index:2}.photo-layout p{position:absolute;left:8%;bottom:7%;font-family:Georgia,serif;font-size:clamp(15px,2vw,24px);line-height:1.2}.photo-window{position:absolute;background-size:cover;background-position:center;box-shadow:0 18px 35px rgba(52,43,36,.18);transition:.5s ease}.photo-window.one{width:30%;height:59%;right:9%;top:9%;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(0,0,0,.1)),url('https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=700&q=75') center/cover}.photo-window.two{width:24%;height:35%;right:34%;bottom:8%;background:url('https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=700&q=75') center/cover}.photo-window.three{width:17%;height:29%;right:7%;bottom:4%;background:url('https://images.unsplash.com/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=500&q=75') center/cover}.browser-card:hover .photo-window.one{transform:translateY(-7px)}.browser-card:hover .photo-window.two{transform:translate(-5px,5px)}.browser-card:hover .photo-window.three{transform:translateX(5px)}
.electric-layout{background:#131719;color:white;padding:9%}.electric-logo{font-weight:900;font-size:clamp(36px,5vw,70px);line-height:.8;color:#d8dadd}.electric-logo span{display:block;font-size:.25em;letter-spacing:.25em;color:#e2c15c;margin-top:12px}.electric-layout p{position:relative;z-index:2;font-size:clamp(22px,3vw,44px);line-height:1.08;margin-top:12%;max-width:70%}.electric-layout p strong{color:#e2c15c}.electric-button{display:inline-block;padding:11px 16px;background:#e2c15c;color:#131719;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.wire-line{position:absolute;width:80%;height:80%;right:-28%;bottom:-35%;border:2px solid rgba(226,193,92,.5);border-radius:50%;box-shadow:0 0 0 25px rgba(226,193,92,.04),0 0 0 55px rgba(226,193,92,.025)}
.site-cursor{position:absolute;right:17px;bottom:17px;padding:8px 11px;border-radius:10px;background:rgba(16,37,28,.88);color:var(--silk);font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:0;transform:translateY(8px);transition:.3s}.browser-card:hover .site-cursor{opacity:1;transform:none}
.project-copy{position:relative;z-index:2}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.tags span{border:1px solid rgba(245,240,228,.15);border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2);background:rgba(245,240,228,.025)}.project-copy h3{font-size:clamp(31px,3vw,45px);line-height:1.06;margin-bottom:17px}.project-copy p{color:var(--muted)}.text-link{display:inline-flex;gap:7px;align-items:center;color:var(--gold-2);font-weight:800;text-decoration:none;margin-top:8px}.text-link span{transition:.25s}.text-link:hover span{transform:translate(3px,-3px)}

/* Services constellation */
.service-layout>.chapter-intro{margin-left:auto;text-align:right}.service-layout>.chapter-intro .eyebrow{justify-content:flex-end}.service-constellation{position:relative;min-height:680px;margin-top:70px}.service-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.service-lines path{fill:none;stroke:rgba(245,240,228,.16);stroke-width:1;stroke-dasharray:6 9;animation:silkPulse 9s linear infinite}.service-core{position:absolute;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%);border:1px solid rgba(216,174,88,.32);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,rgba(216,174,88,.16),rgba(245,240,228,.035) 58%,transparent 70%);box-shadow:0 0 0 25px rgba(216,174,88,.025),0 0 0 60px rgba(216,174,88,.015)}.service-core:before,.service-core:after{content:"";position:absolute;inset:-22px;border:1px dashed rgba(245,240,228,.12);border-radius:50%;animation:navWebSpin 32s linear infinite}.service-core:after{inset:-51px;animation-direction:reverse;animation-duration:44s}.service-core span,.service-core small{text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:var(--muted)}.service-core strong{font-family:var(--heading);font-weight:400;font-size:42px;line-height:1.05;color:var(--gold-2);margin:6px 0}.service-node{position:absolute;width:260px;padding:26px;border-radius:25px;border:1px solid rgba(245,240,228,.12);background:rgba(245,240,228,.045);backdrop-filter:blur(10px);transition:.4s cubic-bezier(.2,.8,.2,1);box-shadow:0 20px 50px rgba(0,0,0,.13)}.service-node:hover{transform:translateY(-9px) rotate(-1deg);border-color:rgba(216,174,88,.34);background:rgba(245,240,228,.075)}.service-node b{color:var(--gold-2);font-size:11px;letter-spacing:.13em}.service-node h3{font-size:25px;margin:9px 0 10px}.service-node p{font-size:14px;color:var(--muted);margin:0}.node-one{left:0;top:4%}.node-two{right:0;top:3%}.node-three{left:1%;bottom:2%}.node-four{right:0;bottom:0}

/* Process */
.how-phase{padding-top:165px}.how-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.78fr);gap:clamp(60px,8vw,110px);align-items:start}.process-visual{position:sticky;top:115px;min-height:720px;border-radius:34px;padding:35px;background:radial-gradient(circle at 50% 64%,rgba(216,174,88,.09),transparent 42%),rgba(245,240,228,.025);border:1px solid rgba(245,240,228,.09);overflow:hidden}.process-visual:before{content:"";position:absolute;inset:12px;border:1px dashed rgba(245,240,228,.08);border-radius:26px;pointer-events:none}.process-copy{position:relative;z-index:2;max-width:520px}.process-copy h2{font-size:clamp(42px,4.7vw,68px)}.process-web{position:absolute;left:50%;bottom:16px;width:min(92%,620px);transform:translateX(-50%);overflow:visible}.process-anchor,.process-spokes,.process-rings,.fresh-silk{fill:none;stroke:rgba(245,240,228,.18);stroke-width:1}.process-anchor{stroke-dasharray:5 7}.process-rings path,.fresh-silk{stroke-dasharray:1;stroke-dashoffset:1}.fresh-silk{stroke:var(--gold-2);stroke-width:1.3;filter:drop-shadow(0 0 4px rgba(216,174,88,.25))}.process-meter{position:absolute;z-index:3;right:28px;top:34px;width:145px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.process-meter>div{grid-column:1/-1;height:3px;background:rgba(245,240,228,.1);border-radius:10px;overflow:hidden}.process-meter i{display:block;width:0;height:100%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.process-meter b{color:var(--gold-2)}
.steps{list-style:none;margin:0;padding:60px 0 140px;display:flex;flex-direction:column;gap:95px}.steps li{display:grid;grid-template-columns:66px 1fr;gap:22px;position:relative;opacity:.5;transition:.5s ease}.steps li.active{opacity:1;transform:translateX(-8px)}.steps li>span{width:54px;height:54px;border-radius:18px;border:1px solid rgba(245,240,228,.15);display:grid;place-items:center;color:var(--gold-2);font-size:11px;font-weight:900;background:rgba(245,240,228,.04);transition:.4s}.steps li.active>span{border-color:rgba(216,174,88,.55);background:rgba(216,174,88,.12);box-shadow:0 0 0 8px rgba(216,174,88,.035)}.steps h3{font-size:clamp(27px,2.5vw,37px);line-height:1.1;margin:5px 0 13px}.steps p{color:var(--muted);margin:0}

/* Pricing */
.pricing-wrap{display:flex;flex-direction:column;align-items:center}.pricing-grid{width:min(900px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:70px auto 0;align-items:stretch}.price-card{position:relative;display:flex;flex-direction:column;min-height:590px;padding:38px;border:1px solid rgba(245,240,228,.13);border-radius:30px;background:rgba(245,240,228,.045);box-shadow:0 25px 70px rgba(0,0,0,.16);overflow:hidden;transition:.4s cubic-bezier(.2,.8,.2,1)}.price-card:before{content:"";position:absolute;inset:auto -40% -45% auto;width:350px;height:350px;border:1px solid rgba(245,240,228,.07);border-radius:50%;box-shadow:0 0 0 28px rgba(245,240,228,.025),0 0 0 58px rgba(245,240,228,.015)}.price-card:hover{transform:translateY(-10px);border-color:rgba(216,174,88,.35);background:rgba(245,240,228,.065)}.price-card.featured{background:linear-gradient(155deg,rgba(216,174,88,.16),rgba(245,240,228,.055));border-color:rgba(216,174,88,.42)}.popular{position:absolute;right:24px;top:22px;padding:7px 10px;border-radius:999px;background:var(--gold);color:var(--deep);font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.plan-top{display:flex;flex-direction:column;gap:2px}.plan{font-family:var(--heading);font-size:27px;margin:0}.plan-top span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.11em}.price{font-family:var(--heading);font-size:69px;line-height:1;margin:27px 0 17px;color:var(--gold-2)}.price-card>p:not(.price){color:var(--muted)}.price-card ul{list-style:none;padding:0;margin:20px 0 32px;display:grid;gap:12px}.price-card li{position:relative;padding-left:23px;color:rgba(245,240,228,.83);font-size:14px}.price-card li:before{content:"";position:absolute;left:0;top:.58em;width:9px;height:5px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg)}.price-card .button{margin-top:auto;position:relative;z-index:2}.care-note{width:min(760px,100%);display:flex;align-items:center;gap:14px;margin:28px auto 0;padding:17px 20px;border:1px solid rgba(245,240,228,.11);border-radius:17px;background:rgba(245,240,228,.035)}.care-note p{margin:0;color:var(--muted);font-size:13px}.care-note strong{color:var(--silk)}.pulse-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(216,174,88,.4);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(216,174,88,0)}100%{box-shadow:0 0 0 0 rgba(216,174,88,0)}}

/* Contact web and richer enquiry UI */
.contact-phase{padding-top:170px;padding-bottom:140px}.contact-web-stage{width:min(740px,76vw);aspect-ratio:1;margin:0 auto -125px;position:relative;display:grid;place-items:center}.contact-web-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.contact-spokes,.contact-rings,.wrap-lines{fill:none;stroke:rgba(245,240,228,.26);stroke-width:1}.contact-rings path,.wrap-lines ellipse{stroke-dasharray:1;stroke-dashoffset:1}.contact-web-stage.active .contact-rings path{animation:webDraw 2.15s cubic-bezier(.2,.75,.2,1) forwards}.contact-web-stage.active .contact-rings path:nth-child(2){animation-delay:.22s}.contact-web-stage.active .contact-rings path:nth-child(3){animation-delay:.44s}.contact-web-stage.active .contact-rings path:nth-child(4){animation-delay:.66s}.contact-web-stage.active .wrap-lines ellipse{animation:wrapDraw 2.6s ease forwards}.contact-web-stage.active .wrap-lines ellipse:nth-child(2){animation-delay:.32s}.contact-web-stage.active .wrap-lines ellipse:nth-child(3){animation-delay:.64s}@keyframes wrapDraw{0%{stroke-dashoffset:1;opacity:0}30%{opacity:.72}100%{stroke-dashoffset:0;opacity:.52}}
.web-message{position:relative;z-index:2;text-align:center;width:57%;padding:45px 20px;background:radial-gradient(circle,rgba(16,37,28,.93) 38%,rgba(16,37,28,.55) 63%,transparent 73%)}.web-message .eyebrow{justify-content:center}.web-message h2{font-size:clamp(40px,6vw,76px);line-height:1.02;margin:0}.web-message>p:last-child{color:var(--muted);font-size:14px;max-width:38ch;margin:19px auto 0}
.project-console{position:relative;z-index:3;border:1px solid rgba(245,240,228,.15);border-radius:30px;background:rgba(15,34,26,.86);backdrop-filter:blur(24px);box-shadow:0 45px 120px rgba(0,0,0,.38);overflow:hidden}.console-bar{height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;border-bottom:1px solid rgba(245,240,228,.1);background:rgba(245,240,228,.035)}.console-bar>p{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:rgba(245,240,228,.55)}.window-dots{display:flex;gap:7px}.window-dots i{width:9px;height:9px;border-radius:50%;background:rgba(245,240,228,.22)}.window-dots i:first-child{background:#d27765}.window-dots i:nth-child(2){background:#d7b65f}.window-dots i:nth-child(3){background:#6dad7a}.console-status{justify-self:end;display:flex;align-items:center;gap:7px;font-size:10px;color:rgba(245,240,228,.58)}.console-status span{width:7px;height:7px;border-radius:50%;background:#6dad7a;box-shadow:0 0 0 5px rgba(109,173,122,.08)}.console-body{display:grid;grid-template-columns:.72fr 1.28fr;min-height:720px}.console-sidebar{padding:42px;border-right:1px solid rgba(245,240,228,.1);background:linear-gradient(160deg,rgba(216,174,88,.09),transparent 48%)}.mini-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--gold-2)}.console-sidebar h3{font-size:clamp(30px,3vw,43px);line-height:1.08;margin:17px 0}.console-sidebar>p:nth-child(3){color:var(--muted)}.project-summary{margin-top:35px;padding:22px;border:1px solid rgba(245,240,228,.11);border-radius:20px;background:rgba(245,240,228,.035);display:grid;gap:5px}.project-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:rgba(245,240,228,.42);margin-top:7px}.project-summary span:first-child{margin-top:0}.project-summary strong{font-size:15px;color:var(--gold-2)}.direct-actions{display:grid;gap:10px;margin-top:25px}.direct-actions a{display:flex;flex-direction:column;text-decoration:none;padding:14px 16px;border-radius:14px;border:1px solid rgba(245,240,228,.1);background:rgba(245,240,228,.025);transition:.25s}.direct-actions a:hover{border-color:rgba(216,174,88,.34);transform:translateX(4px)}.direct-actions span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:rgba(245,240,228,.43)}.direct-actions strong{font-size:13px;color:var(--silk)}
.enquiry-form{padding:42px}.enquiry-form fieldset{border:0;padding:0;margin:0 0 35px}.enquiry-form legend{width:100%;padding:0 0 14px;margin-bottom:16px;border-bottom:1px solid rgba(245,240,228,.09);font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:rgba(245,240,228,.52)}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-card{cursor:pointer}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card>span{display:flex;flex-direction:column;min-height:116px;padding:17px;border:1px solid rgba(245,240,228,.12);border-radius:17px;background:rgba(245,240,228,.025);transition:.3s cubic-bezier(.2,.8,.2,1);position:relative}.choice-card>span:after{content:"";position:absolute;right:13px;top:13px;width:13px;height:13px;border:1px solid rgba(245,240,228,.25);border-radius:50%}.choice-card input:checked+span{border-color:rgba(216,174,88,.62);background:rgba(216,174,88,.10);transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.15)}.choice-card input:checked+span:after{border:4px solid var(--deep);background:var(--gold);box-shadow:0 0 0 1px var(--gold)}.choice-card i{font-style:normal;color:var(--gold-2);font-size:18px}.choice-card b{margin-top:auto;font-size:14px}.choice-card small{color:rgba(245,240,228,.43)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-grid label{display:flex;flex-direction:column;gap:7px}.field-grid label.full{grid-column:1/-1}.field-grid label>span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:rgba(245,240,228,.48)}.field-grid input,.field-grid select,.field-grid textarea{width:100%;border:1px solid rgba(245,240,228,.13);border-radius:14px;background:rgba(245,240,228,.035);color:var(--silk);padding:13px 14px;outline:none;transition:.25s}.field-grid select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 18px) 53%,calc(100% - 13px) 53%;background-size:5px 5px;background-repeat:no-repeat}.field-grid option{background:var(--deep);color:var(--silk)}.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus{border-color:rgba(216,174,88,.65);box-shadow:0 0 0 4px rgba(216,174,88,.06)}.field-grid textarea{resize:vertical}.form-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px;border-top:1px solid rgba(245,240,228,.09)}.form-submit>div{display:flex;align-items:center;gap:11px}.form-submit p{margin:0;color:rgba(245,240,228,.43);font-size:11px;line-height:1.4}.form-submit strong{color:rgba(245,240,228,.72)}.secure-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(245,240,228,.12);border-radius:11px;color:var(--gold-2)}.form-note{margin:13px 0 0;text-align:right;color:rgba(245,240,228,.34);font-size:10px}
footer{position:relative;background:#0b1b14;color:rgba(245,240,228,.5);padding:45px 0;border-top:1px solid rgba(245,240,228,.06)}footer .wrap{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:35px}footer p{margin:0;font-size:12px}.footer-brand{color:var(--silk)}

@media(max-width:1100px){
  .hero-content{padding-right:32%}.hero-web-cluster{right:-12vw;width:68vw}.continuous-thread{right:0;opacity:.28}.work-trail:before,.project-card:after{display:none}.project-card,.project-two{grid-template-columns:1.4fr .8fr;gap:45px}.service-node{width:230px}.how-layout{gap:45px}.screen-spider{width:58px;height:58px}.console-body{grid-template-columns:.62fr 1.38fr}.console-sidebar,.enquiry-form{padding:32px}
}
@media(max-width:880px){
  :root{--wrap:min(100% - 34px,720px)}
  .nav-shell{height:62px;padding-left:12px}.brand-name{font-size:16px}.brand-mark{width:36px;height:36px}.menu-toggle{display:block}.nav-track{position:absolute;left:0;right:0;top:70px;height:auto;padding:10px;display:none;flex-direction:column;align-items:stretch;border:1px solid rgba(245,240,228,.14);border-radius:20px;background:rgba(12,31,23,.97);box-shadow:var(--shadow)}.nav-track.open{display:flex}.nav-track>a{width:100%;justify-content:flex-start;height:45px}.nav-track .nav-cta{margin:4px 0 0;justify-content:center}.nav-indicator{display:none}
  .hero{min-height:auto;padding:145px 0 125px}.hero-content{padding-right:0}.hero-web-cluster{opacity:.42;width:760px;right:-420px;top:40px}.hero-copy{max-width:570px}.screen-spider{width:52px;height:52px}
  .phase{padding-block:110px}.chapter-intro h2,.process-copy h2{font-size:clamp(40px,8vw,65px)}
  .project-card,.project-two{grid-template-columns:1fr;gap:35px;margin-bottom:125px}.project-two .project-copy{order:2}.project-two .browser-card{order:1}.project-copy{max-width:620px}.browser-card,.project-two .browser-card{transform:none}
  .service-layout>.chapter-intro{text-align:left;margin-left:0}.service-layout>.chapter-intro .eyebrow{justify-content:flex-start}.service-constellation{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;min-height:0;margin-top:60px}.service-lines{display:none}.service-core{grid-column:1/-1;position:relative;left:auto;top:auto;transform:none;margin:0 auto 50px}.service-node{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto}
  .how-layout{grid-template-columns:1fr}.process-visual{position:relative;top:auto;min-height:710px}.steps{padding:30px 10px 50px;gap:70px}.steps li{opacity:.72}.steps li.active{transform:none}
  .pricing-grid{width:min(600px,100%);grid-template-columns:1fr}.price-card{min-height:auto}.contact-web-stage{margin-bottom:-70px;width:95vw}.console-body{grid-template-columns:1fr}.console-sidebar{border-right:0;border-bottom:1px solid rgba(245,240,228,.1)}footer .wrap{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}
}
@media(max-width:560px){
  :root{--wrap:min(100% - 24px,520px)}
  .nav-shell{width:calc(100% - 16px);top:8px}.brand-name{font-size:14px}
  .hero{padding:125px 0 110px}h1{font-size:clamp(46px,14.5vw,70px)}h1 span{font-size:.68em}.hero-actions .button{width:100%}.trust-line{gap:10px;flex-wrap:wrap}.trust-line i{display:none}.hero-web-cluster{right:-500px;opacity:.32}
  .screen-spider{width:45px;height:45px;z-index:600}.continuous-thread{display:none}
  .phase{padding-block:88px}.chapter-intro h2,.process-copy h2{font-size:40px}.chapter-intro>p:last-child,.process-copy>p:last-child{font-size:15px}
  .browser-card{border-radius:18px}.photo-layout,.electric-layout{height:330px}.photo-title{font-size:45px}.electric-layout p{font-size:25px;max-width:90%}
  .service-constellation{grid-template-columns:1fr}.service-core{grid-column:auto;width:190px;height:190px}.service-node{padding:22px}
  .process-visual{min-height:650px;padding:25px}.process-copy>p:last-child{max-width:80%}.process-meter{right:20px;top:auto;bottom:18px;width:130px}.process-web{width:115%;bottom:5px}.steps{padding-inline:0}.steps li{grid-template-columns:53px 1fr;gap:13px}.steps li>span{width:45px;height:45px;border-radius:14px}.steps h3{font-size:26px}
  .pricing-grid{margin-top:45px}.price-card{padding:29px 24px;border-radius:24px}.popular{position:static;align-self:flex-start;margin-bottom:16px}.price{font-size:58px}.care-note{align-items:flex-start}
  .contact-phase{padding-top:110px}.contact-web-stage{width:125vw;margin-left:-12.5vw;margin-bottom:-10px}.web-message{width:57%;padding-inline:0}.web-message h2{font-size:39px}.web-message>p:last-child{font-size:11px}.project-console{border-radius:22px}.console-bar{grid-template-columns:1fr auto;padding:0 15px}.console-bar>p{display:none}.console-sidebar,.enquiry-form{padding:24px}.choice-grid,.field-grid{grid-template-columns:1fr}.field-grid label.full{grid-column:auto}.choice-card>span{min-height:103px}.form-submit{align-items:stretch;flex-direction:column}.form-submit .button{width:100%}.form-note{text-align:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;filter:none}.screen-spider{display:none}.web-rings path,.process-rings path,.fresh-silk,.contact-rings path,.wrap-lines ellipse{stroke-dashoffset:0!important}}

/* Continuity refinements */
body{background:
  radial-gradient(circle at 82% 9%,rgba(64,112,87,.20),transparent 29%),
  radial-gradient(circle at 10% 31%,rgba(216,174,88,.05),transparent 23%),
  linear-gradient(180deg,#10251c 0%,#11281e 48%,#0e231a 100%);background-attachment:fixed}
.experience,.hero{background:transparent}
.screen-thread{transform:rotate(var(--counter-angle,0deg))}
@media(max-width:880px){.scroll-cue{display:none}}