@font-face{font-family:"DM Sans";src:url('../fonts/dm-sans-300.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:"DM Sans";src:url('../fonts/dm-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url('../fonts/dm-sans-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:"DM Sans";src:url('../fonts/dm-sans-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:"Manrope";src:url('../fonts/manrope-300.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:"Manrope";src:url('../fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:"Manrope";src:url('../fonts/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:"Manrope";src:url('../fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:"Anton";src:url('../fonts/anton-400.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ink:#07131c;--paper:#edf1ed;--blue:#9fe9f3;--cyan:#33c5d8;--coral:#ff725e;--line:rgba(7,19,28,.16);--pad:clamp(1.25rem,4vw,4.75rem)}
.brand-accent{color:var(--blue)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-weight:400;overflow-x:hidden}a{color:inherit}button{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;padding:.75rem 1rem}.skip-link:focus{top:1rem}.site-header{height:84px;position:fixed;z-index:50;top:0;left:0;width:100%;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;color:#fff;transition:.35s}.site-header.scrolled{height:68px;background:rgba(7,19,28,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font:500 1.1rem "Manrope"}.brand sup{color:var(--cyan)}.brand-mark{width:25px;height:25px;position:relative;display:inline-block}.brand-mark i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--blue)}.brand-mark i:nth-child(1){left:0;top:8px}.brand-mark i:nth-child(2){right:0;top:0}.brand-mark i:nth-child(3){right:0;bottom:0;background:var(--coral)}.site-nav{display:flex;align-items:center;gap:2rem;font-size:.85rem}.site-nav a{text-decoration:none}.site-nav>a:not(.nav-cta){opacity:.75;transition:.2s}.site-nav>a:not(.nav-cta):hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.45);border-radius:100px;padding:.75rem 1rem}.nav-cta span{padding-left:1.5rem}.menu-toggle{display:none;background:none;border:0;color:#fff}.hero{min-height:100svh;position:relative;background:#07131c;color:#fff;display:flex;align-items:flex-end;overflow:hidden;padding:10rem var(--pad) 6.5rem}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,27,.98) 0%,rgba(6,17,27,.8) 38%,rgba(6,17,27,.12) 75%),url('../img/gerdevelops-hero.png') center/cover no-repeat;transform:scale(1.03);animation:hero-in 1.6s ease-out forwards}.hero-media:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 60%,transparent 0,rgba(4,15,24,.45) 75%)}@keyframes hero-in{to{transform:scale(1)}}.grid-lines{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:25% 25%;mask-image:linear-gradient(to right,black,transparent 85%)}.hero-copy{position:relative;z-index:2;max-width:950px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem}.eyebrow{display:flex;gap:.65rem;align-items:center;color:rgba(255,255,255,.68);margin-bottom:2rem}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 20px var(--coral)}h1,h2,h3,p{margin-top:0}.hero h1{font:300 clamp(3.5rem,8.2vw,8.7rem)/.88 "Manrope";letter-spacing:-.07em;margin-bottom:2rem}.hero h1 em,.contact h2 em{font-style:normal;color:var(--blue)}.hero-lead{font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.55;color:rgba(255,255,255,.72);max-width:590px;margin-left:clamp(0rem,12vw,12rem)}.circle-link{position:absolute;left:0;bottom:-1rem;width:105px;height:105px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-decoration:none;font-size:.72rem;gap:.5rem;transition:.3s}.circle-link:hover{background:var(--blue);color:var(--ink);border-color:var(--blue);transform:scale(1.06)}.hero-index{position:absolute;right:var(--pad);bottom:2rem;display:flex;gap:3rem;font-size:.65rem;letter-spacing:.2em;color:rgba(255,255,255,.5)}.scroll-note{position:absolute;right:1.2rem;top:50%;writing-mode:vertical-rl;font-size:.57rem;letter-spacing:.18em;color:rgba(255,255,255,.45)}.scroll-note i{display:inline-block;height:60px;border-left:1px solid rgba(255,255,255,.3);margin-top:1rem}.section{padding:clamp(6rem,11vw,11rem) var(--pad)}.section-number{display:flex;gap:1rem;align-items:center;font:500 .7rem "Manrope";letter-spacing:.12em;margin-bottom:clamp(4rem,8vw,8rem)}.section-number:after{content:"";height:1px;background:var(--line);flex:1}.section-number span{opacity:.55}.statement-body{max-width:1250px;margin-left:auto}.kicker{color:#44707b}.statement h2,.capabilities-head h2{font:300 clamp(2.6rem,5.8vw,6.2rem)/1 "Manrope";letter-spacing:-.06em;max-width:1180px}.statement h2 span{color:#8c9998}.statement-foot{margin-top:5rem;display:grid;grid-template-columns:minmax(280px,500px) 150px;justify-content:end;align-items:center;gap:5rem}.statement-foot p{font-size:1.08rem;line-height:1.65;color:#465359}.orb{display:block;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ddffff 0,#6bd3df 30%,#23546c 70%,#08131d 100%);box-shadow:0 25px 50px rgba(0,60,75,.25)}.manifesto{background:#0b1c28;color:#fff;min-height:88vh;position:relative;display:flex;align-items:center;overflow:hidden;padding:8rem var(--pad)}.manifesto:before{content:"";position:absolute;width:55vw;height:55vw;border:1px solid rgba(159,233,243,.18);border-radius:50%;right:-5vw;top:5%;box-shadow:0 0 100px rgba(51,197,216,.08) inset}.marquee{position:absolute;top:2rem;left:0;width:100%;overflow:hidden;color:rgba(159,233,243,.22);font:300 5.5vw "Manrope";white-space:nowrap}.marquee div{animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.manifesto-inner{position:relative;z-index:2}.manifesto-inner>p{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}.manifesto h2{font:300 clamp(3rem,7vw,7.5rem)/.98 "Manrope";letter-spacing:-.06em}.manifesto h2 em{font-style:normal;color:var(--coral)}.capabilities{background:#dfe8e6}.capabilities-head{display:grid;grid-template-columns:1fr 3fr;gap:3rem}.capabilities-head h2{font-size:clamp(2.6rem,4.5vw,5rem)}.capability-list{margin-top:6rem;border-top:1px solid var(--line)}.capability{display:grid;grid-template-columns:70px 1.25fr 1fr 50px;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line);transition:.3s}.capability:hover{padding-left:1rem;background:rgba(255,255,255,.28)}.capability>span{font-size:.67rem;color:#6c7a7e}.capability h3{margin:0;font:400 clamp(1.45rem,2.4vw,2.6rem) "Manrope";letter-spacing:-.04em}.capability p{margin:0;color:#526065;line-height:1.5}.capability i{font-style:normal;font-size:1.25rem}.process{background:var(--coral);color:#24100e}.section-number.light:after{background:rgba(36,16,14,.2)}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.process-copy h2{font:300 clamp(3rem,5.5vw,6.2rem)/.98 "Manrope";letter-spacing:-.06em}.process-copy>p:last-child{max-width:460px;line-height:1.6}.process-steps{list-style:none;margin:0;padding:0;border-top:1px solid rgba(36,16,14,.25)}.process-steps li{display:grid;grid-template-columns:60px 1fr;gap:1rem;border-bottom:1px solid rgba(36,16,14,.25);padding:1.6rem 0}.process-steps li>span{font-size:.65rem}.process-steps h3{font:400 1.5rem "Manrope";margin-bottom:.3rem}.process-steps p{opacity:.68;margin:0}.contact{min-height:82vh;position:relative;background:#07131c;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.contact-inner{position:relative;z-index:2}.contact h2{font:300 clamp(3rem,6.4vw,7rem)/.98 "Manrope";letter-spacing:-.06em}.contact-inner>a{display:inline-flex;gap:3rem;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding:.9rem .2rem;font-size:clamp(.95rem,1.4vw,1.2rem)}.contact-orbit,.contact-orbit:before,.contact-orbit:after{position:absolute;border:1px solid rgba(159,233,243,.16);border-radius:50%}.contact-orbit{width:55vw;height:55vw}.contact-orbit:before{content:"";inset:12%}.contact-orbit:after{content:"";inset:25%}.contact-orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 25px var(--cyan)}.contact-orbit i:nth-child(1){left:10%;top:29%}.contact-orbit i:nth-child(2){right:17%;bottom:18%;background:var(--coral)}.contact-orbit i:nth-child(3){left:49%;bottom:-6px}footer{background:#07131c;color:rgba(255,255,255,.55);border-top:1px solid rgba(255,255,255,.1);padding:2rem var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:.75rem}footer p{margin:0;text-align:center}.brand-footer{color:#fff}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.site-header{height:70px}.menu-toggle{display:block;width:42px;height:42px;position:relative}.menu-toggle span{display:block;width:22px;height:1px;background:#fff;margin:5px auto}.menu-toggle b{position:absolute;left:-9999px}.site-nav{display:none;position:absolute;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:#07131c;flex-direction:column;justify-content:center;font-size:1.5rem}.site-nav.open{display:flex}.nav-cta{margin-top:1rem}.hero{padding-bottom:7rem}.hero h1{font-size:clamp(3.4rem,15vw,6rem)}.hero-lead{margin-left:0}.circle-link{display:none}.scroll-note{display:none}.statement-foot{grid-template-columns:1fr;margin-top:3rem;gap:2rem}.orb{width:80px;height:80px}.capabilities-head,.process-layout{grid-template-columns:1fr}.capability{grid-template-columns:35px 1fr 30px;gap:1rem}.capability p{grid-column:2/4}.capability i{grid-column:3;grid-row:1}.contact-orbit{width:110vw;height:110vw}footer{grid-template-columns:1fr;gap:1.5rem;text-align:center}.brand-footer{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:760px){
  .hero-copy{width:100%;min-width:0}
  .hero h1{font-size:clamp(3rem,13vw,5rem);overflow-wrap:anywhere}
  .hero-lead{width:100%;max-width:100%}
  .menu-toggle{position:absolute;right:var(--pad);top:14px;z-index:2}
}

/* Gerdevelops brand system — source: supplied Canva identity */
:root{--ink:#292a28;--paper:#f3f0df;--blue:#e2d33f;--cyan:#e2d33f;--coral:#ffe62f;--line:rgba(43,43,41,.2)}
.brand{gap:.8rem}.brand-logo{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(255,230,47,.35)}
.brand-name{font:400 1.08rem "Anton",Impact,sans-serif;letter-spacing:.045em;color:#fff}
.brand-accent{color:var(--blue)}
.hero,.manifesto,.contact{background:#2b2b29}.site-header.scrolled{background:rgba(32,33,31,.94);border-bottom-color:rgba(247,223,44,.18)}
.hero-media{filter:grayscale(1) contrast(1.06);opacity:.78}
.hero-media:after{background:linear-gradient(90deg,rgba(30,31,29,.35),rgba(226,211,63,.08) 65%,rgba(247,223,44,.18));mix-blend-mode:color}
.grid-lines{background-image:linear-gradient(rgba(247,223,44,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(247,223,44,.08) 1px,transparent 1px)}
.eyebrow span{background:var(--blue);box-shadow:0 0 20px var(--blue)}
.hero h1,.statement h2,.capabilities-head h2,.manifesto h2,.process-copy h2,.contact h2{font-family:"Anton",Impact,sans-serif;font-weight:400;letter-spacing:-.015em;text-transform:uppercase}
.hero h1{line-height:.91}.hero h1 em,.contact h2 em{color:var(--blue)}
.circle-link:hover{background:var(--blue);border-color:var(--blue)}
.kicker{color:#766e16}.orb{background:radial-gradient(circle at 30% 30%,#fffac0 0,#e2d33f 38%,#797018 72%,#292a28 100%);box-shadow:0 25px 50px rgba(90,80,0,.28)}
.manifesto:before{border-color:rgba(247,223,44,.2);box-shadow:0 0 100px rgba(247,223,44,.08) inset}.manifesto-inner>p{color:var(--blue)}.manifesto h2 em{color:var(--blue)}
.marquee{color:rgba(247,223,44,.2);font-family:"Anton",Impact,sans-serif}
.capabilities{background:#e2d33f}.capability:hover{background:rgba(255,255,255,.2)}
.process{background:#f3f0df;color:#292a28}.section-number.light:after{background:rgba(43,43,41,.2)}
.contact-orbit,.contact-orbit:before,.contact-orbit:after{border-color:rgba(247,223,44,.2)}.contact-orbit i{background:var(--blue);box-shadow:0 0 25px var(--blue)}.contact-orbit i:nth-child(2){background:#fff3a0}
footer{background:#2b2b29;border-top-color:rgba(247,223,44,.15)}
@media(max-width:760px){.brand-logo{width:31px;height:31px}.brand-name{font-size:.96rem}.hero h1{font-size:clamp(3.2rem,15vw,5rem);line-height:.93}}
.commerce{background:#292a28;color:#f3f0df}
.commerce .section-number:after{background:rgba(247,223,44,.22)}
.commerce .kicker{color:#e2d33f}
.commerce-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(3rem,7vw,7rem);align-items:end}
.commerce-copy h2{font:400 clamp(2.7rem,5.4vw,6rem)/.98 "Anton",Impact,sans-serif;letter-spacing:-.015em;text-transform:uppercase;max-width:900px}
.commerce-copy p:last-child{max-width:620px;line-height:1.65;color:rgba(243,240,223,.72);font-size:1.05rem}
.commerce-detail{border-top:1px solid rgba(247,223,44,.35);border-bottom:1px solid rgba(247,223,44,.2);padding:2rem 0}
.commerce-detail>span{display:block;margin-bottom:1.4rem;color:#e2d33f;text-transform:uppercase;letter-spacing:.18em;font-size:.68rem}
.commerce-detail ul{list-style:none;margin:0 0 2rem;padding:0}
.commerce-detail li{padding:1rem 0;border-top:1px solid rgba(243,240,223,.12);line-height:1.45;color:rgba(243,240,223,.78)}
.commerce-detail a{display:inline-flex;gap:1rem;align-items:center;text-decoration:none;border-bottom:1px solid rgba(247,223,44,.55);padding:.8rem 0;color:#fff}
@media(max-width:760px){.commerce-layout{grid-template-columns:1fr}.commerce-copy h2{font-size:clamp(2.5rem,12vw,4.4rem)}.commerce-detail{padding:1.5rem 0}.site-nav{gap:1.25rem}}