:root{
  --ink:#102f22;
  --ink-2:#163d2d;
  --paper:#f3f1e9;
  --white:#fbfaf6;
  --text:#132019;
  --muted:#667069;
  --line:#d9ddd6;
  --blue:#214f3a;
  --cyan:#d8ef9c;
  --acid:#bcd8b6;
  --max:1240px;
  --radius:24px;
  --shadow:0 28px 80px rgba(19,32,25,.13);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{font-family:"DM Sans",system-ui,sans-serif;color:var(--text);background:var(--paper);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:var(--cyan);color:var(--ink)}
.page-noise{pointer-events:none;position:fixed;inset:0;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}

.site-header{position:fixed;top:18px;left:50%;z-index:200;width:min(calc(100% - 36px),1240px);height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 20px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(16,47,34,.78);backdrop-filter:blur(20px);box-shadow:0 15px 50px rgba(19,32,25,.17);color:white}
.brand{display:flex;align-items:center;gap:11px;font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:-.02em}
.brand-mark{display:grid;place-items:center;width:43px;height:35px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:var(--ink);font-size:.72rem;letter-spacing:.08em}
.brand-name{font-size:1rem}
.nav{display:flex;align-items:center;gap:27px;font-size:.82rem;font-weight:600;color:#e5eee8}
.nav a{transition:.2s ease}
.nav>a:not(.nav-cta):hover{color:var(--cyan)}
.nav-cta{display:flex;gap:18px;align-items:center;padding:10px 14px 10px 17px;border-radius:11px;background:white;color:var(--ink)}
.nav-cta span{font-size:1rem}
.menu-toggle{display:none;width:42px;height:42px;border:0;border-radius:10px;background:white;cursor:pointer}
.menu-toggle span{display:block;width:18px;height:2px;margin:5px auto;background:var(--ink)}

.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:145px 0 35px;background:radial-gradient(circle at 25% 0%,#214f3a 0,transparent 38%),linear-gradient(145deg,#06101d 0%,#102f22 53%,#0d281d 100%);color:white}
.hero-grid-bg{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(5px);opacity:.45}
.orb-one{width:520px;height:520px;right:-160px;top:-130px;background:radial-gradient(circle,var(--blue),transparent 65%)}
.orb-two{width:390px;height:390px;left:30%;bottom:-250px;background:radial-gradient(circle,var(--cyan),transparent 68%);opacity:.16}
.hero-inner{position:relative;z-index:2;width:min(calc(100% - 48px),var(--max));margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:76px;align-items:center}
.location-pill{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;padding:8px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.05);color:#bcd0c2;font-size:.71rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.location-pill span{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
.hero h1{max-width:720px;font-family:"Manrope",sans-serif;font-size:clamp(3.6rem,6.1vw,6.9rem);line-height:.93;letter-spacing:-.07em;font-weight:700}
.hero h1 em{font-style:normal;background:linear-gradient(95deg,var(--cyan),#9ab9ff 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lede{max-width:600px;margin-top:28px;color:#d5e0d8;font-size:1.06rem;line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:54px;padding:0 19px;border-radius:12px;font-weight:700;font-size:.88rem;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--cyan);color:var(--ink)}
.button-primary:hover{background:#e3f5b3}
.button-ghost{border:1px solid rgba(255,255,255,.18);color:white;background:rgba(255,255,255,.04)}
.button-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08)}
.hero-microcopy{display:flex;align-items:center;gap:12px;margin-top:30px;color:#a6b7ab;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.hero-microcopy i{width:3px;height:3px;border-radius:50%;background:#6d8574}

.hero-visual{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center}
.browser-shell{position:relative;z-index:2;width:100%;max-width:620px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#e9ece5;box-shadow:0 40px 100px rgba(0,0,0,.46);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}
.browser-toolbar{height:42px;display:flex;align-items:center;padding:0 14px;background:#dfe5dc;color:#667069}
.traffic{display:flex;gap:5px}.traffic span{width:8px;height:8px;border-radius:50%;background:#a5aea6}.traffic span:nth-child(1){background:#ff7d76}.traffic span:nth-child(2){background:#f5c75f}.traffic span:nth-child(3){background:#61ca7e}
.address{margin:auto;padding:5px 46px;border-radius:6px;background:#fbfaf6;font-size:.52rem}.browser-dot{width:7px;height:7px;border-radius:50%;background:#a8b0a8}
.browser-canvas{min-height:420px;background:#fbfaf6;color:#132019}
.mini-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;font-size:.51rem}.mini-logo{font-weight:900;letter-spacing:-.03em}.mini-logo span{color:#4b8cff}.mini-links{color:#758078}
.mini-hero{position:relative;min-height:270px;padding:58px 34px;overflow:hidden;background:linear-gradient(145deg,#163d2d,#214f3a);color:white}.mini-hero:after{content:"";position:absolute;width:230px;height:230px;right:-60px;top:-45px;border-radius:50%;background:radial-gradient(circle,#4b8cff,transparent 67%);opacity:.7}.mini-hero p{font-size:.42rem;letter-spacing:.18em;color:#d8ef9c}.mini-hero h2{position:relative;z-index:1;margin-top:10px;font-family:"Manrope";font-size:2.35rem;line-height:.93;letter-spacing:-.06em}.mini-hero h2 span{color:#d8ef9c}.mini-hero button{margin-top:26px;padding:9px 13px;border:0;border-radius:6px;background:#d8ef9c;color:#102f22;font-size:.46rem;font-weight:800}.mini-row{display:grid;grid-template-columns:repeat(3,1fr);padding:17px 22px;gap:10px}.mini-row div{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #e3e8ec;border-radius:8px;background:white}.mini-row b{font-size:.45rem;color:#4b8cff}.mini-row span{font-size:.5rem;font-weight:700}
.float-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;min-width:178px;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(12,27,45,.92);backdrop-filter:blur(14px);box-shadow:0 18px 45px rgba(0,0,0,.3)}
.float-chip strong,.float-chip small{display:block}.float-chip strong{font-size:.71rem}.float-chip small{color:#8fa2b4;font-size:.58rem}.chip-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(109,241,218,.12);color:var(--cyan);font-size:.85rem}.chip-one{left:-38px;bottom:80px}.chip-two{right:-24px;top:55px}.chip-three{right:34px;bottom:17px}.live-dot{width:8px;height:8px;margin:10px;border-radius:50%;background:var(--acid);box-shadow:0 0 15px var(--acid)}
.hero-bottom{position:relative;z-index:2;width:min(calc(100% - 48px),var(--max));margin:60px auto 0;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;color:#657b90;font-size:.61rem;font-weight:700;letter-spacing:.09em}.hero-bottom p{letter-spacing:0;text-transform:none;color:#8da0b2}.scroll-line{height:1px;background:rgba(255,255,255,.12)}

.proof-bar{display:grid;grid-template-columns:repeat(4,1fr);background:#091522;color:#dce7f1;border-top:1px solid rgba(255,255,255,.07)}
.proof-bar div{display:flex;gap:13px;align-items:center;padding:22px 24px;border-right:1px solid rgba(255,255,255,.08)}.proof-bar div:last-child{border:0}.proof-bar span{color:#4f6b84;font-size:.65rem}.proof-bar strong{font-size:.73rem;letter-spacing:.02em}

.section{width:min(calc(100% - 48px),var(--max));margin:auto;padding:120px 0}
.section-kicker{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:#607083;font-size:.68rem;font-weight:800;letter-spacing:.13em}.section-kicker span{width:26px;height:2px;background:var(--blue)}.section-kicker.light{color:#8498ac}.section-kicker.light span{background:var(--cyan)}
.intro-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:90px;align-items:end}.intro-grid h2,.process-header h2,.about-content h2,.cta-inner h2,.work-heading h2{font-family:"Manrope";font-size:clamp(2.8rem,5vw,5.4rem);line-height:.98;letter-spacing:-.06em}.intro-grid h2 span,.process-header h2 span,.about-content h2 span{color:#4f86e8}.intro-copy p{color:var(--muted);font-size:1rem}.intro-copy a,.about-content>a{display:inline-flex;gap:24px;margin-top:25px;color:#1f65dc;font-weight:800;font-size:.84rem}
.bento-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,330px);gap:16px;margin-top:68px}.bento{position:relative;overflow:hidden;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:white;display:flex;flex-direction:column;justify-content:space-between}.bento-number{font-size:.65rem;color:#8a98a7;font-weight:800}.bento h3{font-family:"Manrope";font-size:1.65rem;letter-spacing:-.04em}.bento p{max-width:470px;margin-top:8px;color:var(--muted);font-size:.9rem}.bento-large{grid-row:span 2;padding:38px}.bento-large h3{font-size:2.2rem}.bento-dark{background:var(--ink-2);color:white;border-color:#17283b}.bento-dark p{color:#9aafc2}.bento-accent{background:linear-gradient(135deg,#d3ff76,#bff9ef);border:0}.design-lines{position:absolute;right:28px;top:45px;width:42%;height:48%;display:flex;flex-direction:column;gap:14px;opacity:.95;transform:rotate(-4deg)}.design-lines span{height:16px;border-radius:999px;background:#e9ece5}.design-lines span:nth-child(1){width:70%;background:#0b1624}.design-lines span:nth-child(2){width:100%;height:90px;border-radius:16px;background:linear-gradient(135deg,#d6e4ff,#eef2f6)}.design-lines span:nth-child(3){width:55%}.design-lines span:nth-child(4){width:82%}.phone-demo{position:absolute;right:28px;bottom:-55px;width:135px;height:245px;border:8px solid #283a4e;border-radius:26px;background:#f4f7f9;transform:rotate(6deg)}.phone-screen{padding:20px 12px}.phone-screen span{display:block;height:38px;border-radius:8px;background:linear-gradient(145deg,#4b8cff,#6df1da)}.phone-screen b{display:block;width:70%;height:7px;margin:18px 0 9px;border-radius:999px;background:#26384a}.phone-screen i{display:block;height:40px;margin-top:8px;border-radius:8px;background:#e1e8ee}.feature-pills{display:flex;flex-wrap:wrap;gap:7px}.feature-pills span{padding:7px 10px;border-radius:999px;background:#f0f4f7;color:#506071;font-size:.64rem;font-weight:800}.speed-mark{position:absolute;right:26px;bottom:18px;font-family:"Manrope";font-size:3.8rem;letter-spacing:-.07em;font-weight:800;color:#0b1624}.speed-mark span{font-size:.72rem;letter-spacing:0}

.work-section{background:var(--ink);color:white;overflow:hidden}.work-inner{padding-top:120px;padding-bottom:120px}.work-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;margin-bottom:58px}.work-heading h2 span{color:var(--cyan)}.work-heading>p{color:#8fa3b5}.featured-project{display:grid;grid-template-columns:1.18fr .82fr;min-height:620px;border:1px solid #355344;border-radius:28px;overflow:hidden;background:#163628;box-shadow:0 38px 90px rgba(0,0,0,.24)}.project-stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:620px;padding:50px;background:linear-gradient(135deg,#122a20,#22191b)}.project-glow{position:absolute;width:500px;height:500px;right:-130px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(178,48,57,.5),transparent 68%)}.project-browser{position:relative;z-index:2;width:92%;overflow:hidden;border-radius:15px;background:#edeae3;box-shadow:0 35px 80px rgba(0,0,0,.48);transform:rotate(-2.5deg);transition:.35s ease}.project-stage:hover .project-browser{transform:rotate(0) scale(1.015)}.project-toolbar{height:33px;display:flex;gap:5px;align-items:center;padding:0 10px;background:#e6e3dd}.project-toolbar span{width:7px;height:7px;border-radius:50%;background:#b5b2ad}.project-toolbar small{margin-left:8px;color:#8d8a84;font-size:.48rem}.barber-site-preview{position:relative;min-height:390px;padding:38px;background:linear-gradient(115deg,#111316,#292c31);overflow:hidden}.barber-top{display:flex;align-items:center;justify-content:space-between}.barber-logo{display:grid;place-items:center;width:42px;height:42px;border:2px solid #b8323a;border-radius:50%;font-weight:900}.barber-top small{font-size:.42rem;color:#c76f75;letter-spacing:.16em}.barber-copy{margin-top:58px}.barber-copy p{color:#c76f75;font-size:.46rem;font-weight:800;letter-spacing:.17em}.barber-copy h3{margin-top:8px;font-family:"Manrope";font-size:clamp(2.2rem,4vw,4.5rem);line-height:.88;letter-spacing:-.06em;text-transform:uppercase}.barber-copy button{margin-top:28px;padding:11px 15px;border:0;border-radius:5px;background:#b8323a;color:white;font-size:.5rem;font-weight:800}.barber-stripes{position:absolute;right:-50px;bottom:-70px;width:240px;height:240px;border:28px solid rgba(184,50,58,.15);border-radius:50%}.project-open{position:absolute;z-index:4;right:22px;bottom:22px;padding:11px 13px;border-radius:999px;background:white;color:#111;font-size:.63rem;font-weight:800}.project-open b{margin-left:18px}.project-info{display:flex;flex-direction:column;justify-content:center;padding:55px}.project-meta{color:#809487;font-size:.64rem;font-weight:800;letter-spacing:.12em}.project-info h3{margin:22px 0 18px;font-family:"Manrope";font-size:clamp(2.5rem,4vw,4.2rem);line-height:.92;letter-spacing:-.06em}.project-info p{color:#a9b9ae}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{padding:6px 9px;border:1px solid #365b47;border-radius:999px;color:#91a797;font-size:.62rem}.project-link{display:inline-flex;gap:26px;margin-top:36px;color:var(--cyan);font-weight:800;font-size:.84rem}.coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.coming-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:22px 24px;border:1px solid #294537;border-radius:16px;background:#132f23}.coming-grid article>span{color:#66806f;font-size:.65rem}.coming-grid small,.coming-grid strong{display:block}.coming-grid small{color:#718779;font-size:.55rem;letter-spacing:.1em}.coming-grid strong{margin-top:3px;font-size:.9rem}.coming-grid i{color:#6f8878;font-style:normal}

.process-header{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.process-header>p{color:var(--muted)}.process-list{margin-top:70px;border-top:1px solid var(--line)}.process-list article{display:grid;grid-template-columns:70px 180px 1fr auto;gap:35px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line)}.step{color:#7f8f84;font-size:.66rem;font-weight:800}.process-list h3{font-family:"Manrope";font-size:1.4rem;letter-spacing:-.03em}.process-list p{max-width:650px;color:var(--muted);font-size:.89rem}.step-arrow{font-size:1.3rem;color:#5f806c}

.about-section{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:white}.about-visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#163d2d,#214f3a);color:white}.about-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:60px 60px}.pnw-wordmark{position:relative;z-index:2;font-family:"Manrope";font-size:clamp(7rem,16vw,13rem);font-weight:800;letter-spacing:-.12em;color:#f0f4ec}.mountain-lines{position:absolute;z-index:1;width:75%;height:42%;bottom:13%;left:13%}.mountain-lines span{position:absolute;width:62%;height:2px;left:18%;bottom:0;background:#7da38b;transform:rotate(-25deg);transform-origin:left}.mountain-lines span:nth-child(2){left:48%;width:45%;transform:rotate(35deg)}.mountain-lines span:nth-child(3){left:28%;width:32%;bottom:30%;transform:rotate(28deg);background:var(--cyan)}.about-visual p{position:absolute;left:35px;bottom:28px;z-index:2;color:#90a99a;font-size:.64rem;font-weight:800;letter-spacing:.15em}.about-content{padding:90px max(50px,calc((100vw - var(--max))/2)) 90px 75px;display:flex;flex-direction:column;justify-content:center}.about-content h2{font-size:clamp(2.6rem,4.6vw,4.8rem)}.about-content p{max-width:610px;margin-top:22px;color:var(--muted)}

.cta-section{position:relative;overflow:hidden;background:var(--ink);color:white;padding:120px 24px}.cta-orb{position:absolute;width:700px;height:700px;right:-220px;top:-280px;border-radius:50%;background:radial-gradient(circle,rgba(33,79,58,.50),transparent 67%)}.cta-inner{position:relative;z-index:2;width:min(100%,var(--max));margin:auto;padding:70px;border:1px solid #26394c;border-radius:30px;background:linear-gradient(145deg,rgba(17,37,59,.95),rgba(7,20,34,.93));box-shadow:var(--shadow)}.cta-inner h2 span{color:var(--cyan)}.cta-inner>p{max-width:700px;margin-top:25px;color:#c1d0c6}.cta-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:35px}.button-light{background:white;color:var(--ink)}.cta-actions small{max-width:310px;color:#9cb0a3}

.footer{padding:45px max(24px,calc((100vw - var(--max))/2));background:#0b2419;color:#9aada1;border-top:1px solid #244235}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top .brand{color:white}.footer-nav{display:flex;gap:28px;font-size:.75rem}.footer-bottom{margin-top:40px;padding-top:25px;border-top:1px solid #28493a;font-size:.72rem}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.75,.25,1),transform .7s cubic-bezier(.2,.75,.25,1)}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}

@media(max-width:1000px){
  .nav{display:none;position:absolute;top:78px;left:0;width:100%;padding:14px;flex-direction:column;align-items:stretch;gap:4px;border:1px solid #355344;border-radius:16px;background:#123326}.nav.open{display:flex}.nav a{padding:12px 10px}.nav-cta{justify-content:space-between}.menu-toggle{display:block}.hero-inner,.intro-grid,.work-heading,.process-header{grid-template-columns:1fr;gap:48px}.hero-inner{padding-top:50px}.hero-copy{max-width:760px}.hero-visual{width:min(760px,100%);margin:auto}.proof-bar{grid-template-columns:repeat(2,1fr)}.proof-bar div:nth-child(2){border-right:0}.proof-bar div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento{min-height:310px}.bento-large{grid-row:auto;min-height:460px}.featured-project{grid-template-columns:1fr}.project-stage{min-height:520px}.coming-grid{grid-template-columns:1fr}.process-list article{grid-template-columns:50px 140px 1fr auto}.about-section{grid-template-columns:1fr}.about-visual{min-height:540px}.about-content{padding:80px 40px}.cta-inner{padding:55px 40px}
}

@media(max-width:640px){
  .site-header{top:10px;width:calc(100% - 20px)}.brand-name{font-size:.9rem}.hero{padding-top:120px}.hero-inner,.hero-bottom,.section{width:calc(100% - 32px)}.hero h1{font-size:clamp(3.2rem,15vw,4.7rem)}.hero-lede{font-size:.96rem}.hero-microcopy{flex-wrap:wrap}.hero-visual{min-height:430px;margin-top:25px}.browser-shell{transform:none}.browser-canvas{min-height:330px}.mini-hero{min-height:220px;padding:40px 25px}.mini-hero h2{font-size:1.8rem}.float-chip{display:none}.hero-bottom{grid-template-columns:1fr;margin-top:35px}.hero-bottom .scroll-line,.hero-bottom p{display:none}.proof-bar{grid-template-columns:1fr}.proof-bar div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.section{padding:85px 0}.intro-grid h2,.process-header h2,.work-heading h2,.cta-inner h2{font-size:clamp(2.6rem,12vw,4rem)}.bento-grid{margin-top:42px}.bento{min-height:290px;padding:25px}.bento-large{min-height:400px}.design-lines{width:55%;right:15px}.phone-demo{right:18px}.speed-mark{font-size:3rem}.work-inner{padding:85px 0}.featured-project{border-radius:20px}.project-stage{min-height:390px;padding:22px}.barber-site-preview{min-height:300px;padding:25px}.barber-copy{margin-top:45px}.project-info{padding:35px 25px}.coming-grid article{padding:18px}.process-list{margin-top:45px}.process-list article{grid-template-columns:45px 1fr auto;gap:12px 20px;padding:28px 0}.process-list h3{font-size:1.2rem}.process-list p{grid-column:2/4}.step-arrow{grid-column:3;grid-row:1}.about-visual{min-height:420px}.about-content{padding:65px 24px}.cta-section{padding:80px 16px}.cta-inner{padding:45px 24px;border-radius:22px}.cta-actions{align-items:flex-start;flex-direction:column}.button-light{width:100%;justify-content:space-between}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-nav{flex-wrap:wrap;gap:18px}
}

/* Public demo library callout */
.portfolio-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:14px;padding:20px 24px;border:1px solid #355b48;border-radius:16px;background:#173b2b}.portfolio-cta span,.portfolio-cta strong{display:block}.portfolio-cta span{color:#7f9989;font-size:.56rem;font-weight:800;letter-spacing:.13em}.portfolio-cta strong{margin-top:3px;font-size:.93rem}.portfolio-cta a{padding:10px 14px;border-radius:999px;background:var(--cyan);color:#163024;font-size:.72rem;font-weight:800}@media(max-width:640px){.portfolio-cta{align-items:flex-start;flex-direction:column}.portfolio-cta a{width:100%;text-align:center}}