:root{--ink:#101b31;--blue:#204fdf;--orange:#ff793e;--paper:#f6f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff;line-height:1.65}a{color:inherit} .wrap{max-width:1230px;width:calc(100% - 64px);margin:auto}.announce{background:#fdf1e8;color:#3a2d29;font-size:12px;font-weight:800;letter-spacing:.08em}.announce .wrap{display:flex;align-items:center;gap:18px;min-height:39px}.announce span{background:#ff793e;color:#101b31;padding:3px 8px;border-radius:4px}.announce a{margin-left:auto;text-decoration:none}.header{display:flex;align-items:center;gap:30px;padding-top:25px;padding-bottom:25px}.logo{font-size:30px;letter-spacing:-.075em;font-weight:900;text-decoration:none;line-height:1}.logo span{color:#204fdf}.logo b{font-size:.78em;color:#ff793e}.header nav{display:flex;gap:27px;margin-left:auto}.header nav a{text-decoration:none;font-size:14px;font-weight:700}.header nav a:hover{color:#204fdf}.header-cta{background:var(--ink);color:white;border-radius:100px;padding:12px 19px;text-decoration:none;font-weight:800;font-size:13px;white-space:nowrap}.header-cta span{padding-left:10px;color:#ff9e70}.hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:600px;align-items:center;padding-top:36px;padding-bottom:65px}.eyebrow,.section-label{font-weight:900;letter-spacing:.14em;font-size:12px}.eyebrow i{display:inline-block;width:9px;height:9px;background:#ff793e;border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(51px,5.45vw,83px);line-height:1.045;letter-spacing:-.078em;margin:26px 0}.hero h1 em{font-style:normal;color:#204fdf}.intro{font-size:19px;color:#586174;max-width:580px}.actions{display:flex;align-items:center;gap:24px;margin-top:28px;flex-wrap:wrap}.primary,.white-button{display:inline-flex;align-items:center;gap:30px;background:#204fdf;color:#fff;text-decoration:none;border-radius:9px;padding:16px 23px;font-size:15px;font-weight:800;box-shadow:0 12px 28px #204fdf22}.subtle{text-decoration:none;font-weight:800;font-size:15px}.micro{margin-top:43px;color:#80889a;font-size:11px;font-weight:800;letter-spacing:.07em}.micro span{margin:0 5px}.micro .line{display:inline-block;width:34px;border-top:2px solid #ff793e;vertical-align:middle;margin-right:10px}.hero-art{height:470px;position:relative;border-radius:35px;background:radial-gradient(ellipse at 58% 40%,#edf3ff 0%,#e2edff 38%,#f5f8fe 72%);overflow:hidden;isolation:isolate}.orbit{position:absolute;border:1px solid #7ba5e77b;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-22deg)}.orbit1{width:400px;height:285px}.orbit2{width:490px;height:370px}.planet{width:240px;height:240px;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-13deg);border-radius:60px;background:linear-gradient(135deg,#ffb081,#ff6f42 45%,#f25034);box-shadow:20px 33px 60px #ee784465;display:grid;place-items:center}.planet-inner{color:white;font-size:112px;font-weight:900;letter-spacing:-.1em;transform:rotate(13deg)}.planet-inner span{color:#142345}.float{position:absolute;background:white;box-shadow:0 18px 40px #16396520;border-radius:12px;padding:15px 21px;font-size:12px;font-weight:900;letter-spacing:.07em}.float.one{left:5%;top:15%;transform:rotate(-6deg)}.float.one b{color:var(--orange);font-size:20px}.float.two{right:4%;top:18%;transform:rotate(9deg)}.float.two small{display:block;font-size:9px;color:#6a7693}.float.two b{font-size:35px;color:#204fdf}.float.three{right:4%;bottom:14%;transform:rotate(-6deg);background:var(--ink);color:white}.dot{position:absolute;border-radius:50%;background:#2759ed}.d1{width:18px;height:18px;left:14%;bottom:18%}.d2{width:10px;height:10px;right:21%;bottom:8%}.d3{width:13px;height:13px;right:12%;top:8%;background:var(--orange)}.spotlight{background:#14243f;color:white;padding:85px 0}.spotlight-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:75px;align-items:center}.section-label{color:#204fdf;margin-bottom:20px}.section-label.light{color:#ffa079}.spotlight h2,.about h2,.domains h2,.projects h2,.contact h2{font-size:clamp(37px,4.1vw,59px);letter-spacing:-.06em;line-height:1.12;margin:10px 0 24px}.spotlight h2 span{color:#ffa079}.spotlight p{color:#d2dbec;max-width:570px}.white-button{margin-top:19px;background:white;color:#14243f;box-shadow:none}.muted-note{font-size:12px!important;color:#96a9c3!important;margin-top:18px}.spotlight-art{height:380px;background:linear-gradient(130deg,#223b6b,#1b2d56);border:1px solid #ffffff28;border-radius:28px;display:grid;place-items:center;position:relative;overflow:hidden}.gridlines{position:absolute;inset:0;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:38px 38px;transform:rotate(-14deg) scale(1.3)}.domainorder{position:relative;z-index:1;background:white;color:#14243f;border-radius:22px;padding:45px 33px;width:83%;transform:rotate(-3deg);box-shadow:18px 25px 0 #ff793e}.domainorder small{letter-spacing:.15em;font-size:10px;font-weight:900;color:#6c7e9a}.domainorder strong{display:block;font-size:clamp(30px,3.4vw,51px);letter-spacing:-.08em;white-space:nowrap}.domainorder strong span{color:#204fdf}.domainorder strong i{font-style:normal;color:#ff793e}.art-divider{height:3px;width:50px;background:#ff793e;margin:15px 0}.domainorder p{font-size:13px;color:#57667b}.tiny-dots{display:flex;gap:7px}.tiny-dots i{width:7px;height:7px;border-radius:50%;background:#204fdf}.about{padding-top:115px;padding-bottom:115px}.about-grid{display:grid;grid-template-columns:.9fr 1fr;gap:80px}.about h2 span{color:#204fdf}.about-grid p{margin:0 0 21px;color:#4e5a6b;font-size:18px}.domains{background:#f3f6fb;padding:95px 0}.domains-top{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:30px}.domains-top p{color:#627086}.domain-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.domain-card{background:white;border-radius:19px;padding:35px 28px;border:1px solid #e5eaf3;min-height:270px}.domain-card>span,.domain-card>div{letter-spacing:.12em;font-size:10px;font-weight:900;color:#7b88a0}.domain-card h3{font-size:clamp(26px,3vw,36px);letter-spacing:-.06em;margin:25px 0 10px}.domain-card h3 span{color:#ff793e}.domain-card p{font-size:15px;color:#67738a}.domain-card>div{margin-top:25px;color:#204fdf}.projects{padding-top:85px;padding-bottom:85px}.project-row{display:flex;justify-content:space-between;align-items:center;gap:40px}.project-row p{max-width:750px;color:#586579}.outline{border:1px solid #182c4c;border-radius:9px;padding:15px 20px;text-decoration:none;font-weight:800;white-space:nowrap}.contact{display:grid;grid-template-columns:1fr .75fr;gap:80px;padding-bottom:110px}.contact p{color:#5c697b}.contact-panel{background:#ecf2ff;border-radius:24px;padding:30px}.contact-panel h3{font-size:27px;letter-spacing:-.04em}.contact-symbol{font-size:55px;color:#204fdf;line-height:1}.contact-panel a{font-weight:800;color:#204fdf;text-decoration:none}footer{background:#111d32;color:#cbd8ee;padding:40px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.footer-grid .logo{color:white}.footer-grid a{margin-right:20px;text-decoration:none}.footer-grid small{color:#8397b6}@media(max-width:980px){.header nav{display:none}.header-cta{margin-left:auto}.hero,.spotlight-grid,.about-grid,.domains-top,.contact{grid-template-columns:1fr}.hero{padding-top:10px}.hero-art{height:410px}.spotlight-grid,.about-grid,.domains-top,.contact{gap:25px}.domain-cards{grid-template-columns:1fr}.project-row{align-items:start;flex-direction:column}}@media(max-width:570px){.wrap{width:calc(100% - 32px)}.announce .wrap{gap:8px;font-size:9px}.announce a{font-size:9px}.logo{font-size:23px}.header{gap:6px}.header-cta{padding:10px;font-size:11px}.hero h1{font-size:49px}.hero-art{height:330px}.planet{width:160px;height:160px;border-radius:42px}.planet-inner{font-size:70px}.orbit1{width:260px;height:190px}.orbit2{width:350px;height:260px}.float{padding:8px 10px;font-size:9px}.float.two b{font-size:23px}.spotlight{padding:60px 0}.spotlight-art{height:290px}.domainorder{padding:28px 20px}.domainorder strong{font-size:28px}.footer-grid{grid-template-columns:1fr}}

/* DomainOrder visuele projectpreview */
.domainorder-preview{margin:0;min-width:0;width:100%;transform:rotate(1.5deg)}
.preview-browser{overflow:hidden;border:8px solid #eef3ff;border-radius:18px;box-shadow:0 25px 65px #020b2380;background:#fff;color:#19324d}.preview-browserbar{display:flex;align-items:center;justify-content:space-between;background:#eef3fb;color:#263750;padding:12px 18px;font:600 13px Arial,sans-serif}.preview-dots{letter-spacing:3px;color:#ff8b65}.preview-maintenance{min-height:330px;padding:44px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Arial,sans-serif}.preview-logo{font-size:clamp(24px,3vw,38px);font-weight:900;color:#1d324e;margin-bottom:28px}.preview-logo span{color:#f15b46}.preview-logo b{font-size:.7em}.preview-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#768196;margin:0}.preview-maintenance h3{font-size:clamp(20px,2.6vw,30px);color:#203148;margin:10px 0}.preview-maintenance p:not(.preview-eyebrow){font-size:14px;color:#66718a;max-width:45ch}.preview-maintenance a{background:#f15b46;color:#fff;padding:12px 18px;text-decoration:none;border-radius:8px;font-weight:700;margin-top:14px}.domainorder-preview figcaption{font:12px/1.5 Arial,sans-serif;color:#becae1;margin-top:14px;text-align:left}.domainorder-preview img{width:100%;height:auto;display:block}


/* Exacte aangeleverde DomainOrder-screenshot */
.spotlight-art.real-shot{height:auto;background:linear-gradient(135deg,#223b6b,#1b2d56);border:1px solid #ffffff28;border-radius:28px;padding:18px;display:block}
.wayback-figure{margin:0}
.wayback-figure img{display:block;width:100%;height:auto;border-radius:14px;background:#fff;box-shadow:0 24px 64px rgba(2,11,35,.55)}
.wayback-figure figcaption{font:13px/1.6 Arial,sans-serif;color:#c5d3ea;margin-top:12px}
.wayback-figure strong{color:#fff}
@media(max-width:570px){.spotlight-art.real-shot{padding:12px}.wayback-figure figcaption{font-size:12px}}