:root{--ink:#0d0d0f;--cream:#fffaf0;--yellow:#ffd51f;--pink:#ff2f66;--blue:#1459ff;--cyan:#16c9e8;--green:#4bc83f;--orange:#ff8a13;--purple:#7b27d8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}
.nav{height:86px;padding:10px 5vw;display:flex;align-items:center;gap:32px;justify-content:space-between;background:rgba(255,250,240,.94);position:sticky;top:0;z-index:20;border-bottom:2px solid var(--ink);backdrop-filter:blur(12px)}.brand img{width:145px;display:block}.nav nav{display:flex;gap:28px;font-weight:700;font-size:14px}.nav nav a:hover{color:var(--pink)}
.button{display:inline-block;background:var(--yellow);border:3px solid var(--ink);border-radius:999px;padding:15px 24px;font-weight:800;box-shadow:5px 5px 0 var(--ink);transition:.15s}.button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.button.small{padding:10px 18px;font-size:14px}
.hero{min-height:690px;background:var(--ink);color:white;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px 7vw;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:480px;height:480px;border:70px solid var(--purple);border-radius:50%;right:-290px;bottom:-320px}.hero-copy{position:relative;z-index:2}.eyebrow{font-weight:800;letter-spacing:.22em;font-size:12px;margin:0 0 20px}.hero h1,.section h2{font-family:"Fredoka",sans-serif;line-height:.92;letter-spacing:-.04em;margin:0}.hero h1{font-size:clamp(62px,8vw,118px)}.hero h1 span{color:var(--yellow)}.lead{font-size:20px;line-height:1.6;max-width:610px;color:#ddd;margin:28px 0}.actions{display:flex;align-items:center;gap:28px}.textlink{font-weight:800}.hero-art{position:relative;z-index:2}.hero-art img{width:100%;filter:drop-shadow(16px 20px 0 rgba(0,0,0,.35));transform:rotate(-3deg)}.orbit{position:absolute;inset:10% -10%;border:4px dashed rgba(255,255,255,.25);border-radius:50%;transform:rotate(-18deg)}.stars{position:absolute;font-size:46px}.s1{top:12%;left:53%;color:var(--yellow)}.s2{top:22%;right:8%;color:var(--cyan)}.s3{bottom:14%;left:48%;color:var(--pink)}
.trust{min-height:74px;background:var(--yellow);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);display:flex;justify-content:center;align-items:center;gap:28px;font-weight:900;letter-spacing:.14em;font-size:12px}.trust i{font-style:normal;font-size:18px}
.section{padding:110px 8vw}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section h2{font-size:clamp(48px,6vw,82px)}.section h2 span{color:var(--pink)}.bodycopy{font-size:19px;line-height:1.8;max-width:650px}.pink{color:var(--pink)}.yellow{color:#a87800}.cyan{color:#008ca7}.orange{color:#c85c00}
.services{background:#f2eadb;border-block:3px solid var(--ink)}.services>h2{max-width:850px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.cards article{min-height:280px;background:var(--cream);border:3px solid var(--ink);border-radius:24px;padding:28px;position:relative;box-shadow:7px 7px 0 var(--ink)}.cards article:nth-child(2n){background:#fff}.cards b{position:absolute;right:24px;top:22px}.icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);border:3px solid var(--ink);font-size:28px}.cards article:nth-child(2) .icon{background:var(--pink)}.cards article:nth-child(3) .icon{background:var(--cyan)}.cards article:nth-child(4) .icon{background:var(--green)}.cards article:nth-child(5) .icon{background:var(--orange)}.cards article:nth-child(6) .icon{background:var(--purple);color:white}.cards h3{font-family:"Fredoka";font-size:25px;margin:26px 0 10px}.cards p{line-height:1.6;color:#444}
.why{background:var(--ink);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.why h2 span{color:var(--cyan)}.badge{aspect-ratio:1;max-width:470px;border:5px solid white;border-radius:50%;display:grid;place-content:center;text-align:center;font-family:"Fredoka";font-size:52px;line-height:.9;background:radial-gradient(circle at center,#222 0 56%,transparent 57%),conic-gradient(var(--yellow),var(--pink),var(--blue),var(--green),var(--purple),var(--orange),var(--yellow));box-shadow:0 0 0 10px var(--ink),0 0 0 13px white}.badge span{color:var(--yellow)}.ticks{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}.ticks p{border-top:2px solid #444;padding-top:18px;color:#ccc;line-height:1.5}.ticks strong{color:white;font-size:18px}
.area{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden}.area p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:600px}.planet{height:360px;position:relative}.ball{width:240px;height:240px;border:4px solid var(--ink);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:repeating-linear-gradient(0deg,var(--pink) 0 36px,var(--yellow) 36px 72px,var(--cyan) 72px 108px,var(--green) 108px 144px)}.ring{width:410px;height:110px;border:28px solid var(--orange);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);z-index:2;box-shadow:0 0 0 4px var(--ink)}.planet span{position:absolute;right:7%;top:12%;font-size:70px}
.contact{background:var(--blue);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact h2 span{color:var(--yellow)}.contact>div>p:last-child{font-size:18px;line-height:1.7;max-width:520px}form{background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:28px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:18px;box-shadow:10px 10px 0 var(--ink)}label{font-weight:800;font-size:13px}input,select,textarea{width:100%;margin-top:8px;border:2px solid var(--ink);border-radius:12px;background:white;padding:14px;font:inherit}.full{grid-column:1/-1}button{cursor:pointer}form small{grid-column:1/-1;color:#666}
footer{background:var(--ink);color:white;text-align:center;padding:60px 8vw}footer img{width:230px}footer p{letter-spacing:.12em}.legal{font-size:12px;color:#888;margin-top:35px}
@media(max-width:900px){.nav nav{display:none}.hero,.split,.why,.area,.contact{grid-template-columns:1fr}.hero{padding-top:50px}.hero-art{margin-top:35px}.cards{grid-template-columns:1fr 1fr}.why{gap:60px}.badge{margin:auto}.trust{overflow:hidden;justify-content:flex-start;padding:0 20px;white-space:nowrap}.section{padding:80px 6vw}}
@media(max-width:600px){.nav{height:72px}.brand img{width:115px}.nav .small{display:none}.hero{min-height:auto;padding:60px 6vw}.hero h1{font-size:58px}.lead{font-size:17px}.actions{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr}.ticks{grid-template-columns:1fr}.section{padding:70px 6vw}.section h2{font-size:50px}.badge{font-size:40px}.contact{gap:40px}form{grid-template-columns:1fr;padding:24px}.full{grid-column:1}.planet{height:280px}.ball{width:180px;height:180px}.ring{width:300px;height:90px;border-width:22px}}

/* Device-independent vector service icons */
.icon svg{display:block;flex-shrink:0}
.badge-smile{display:inline-flex;vertical-align:middle;align-items:center}.badge-smile svg{width:.8em;height:.8em}

/* Consistent centring of the circular slogan on desktop and mobile */
.why .badge{width:100%;min-width:0;margin-inline:auto;display:flex;align-items:center;justify-content:center;padding:clamp(22px,4vw,42px);font-size:clamp(26px,3.8vw,52px);line-height:1.03;}
.why .badge-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.06em;text-align:center;}
.why .badge-line{display:block;color:white;white-space:nowrap;}
.why .badge-line.highlight{color:var(--yellow);}
.why .badge-last{display:flex;align-items:center;justify-content:center;gap:.15em;}
.why .badge-smile{color:var(--yellow);display:inline-flex;align-items:center;justify-content:center;}
.why .badge-smile svg{width:.55em;height:.55em;}
@media(max-width:600px){.why .badge{max-width:min(100%,420px);font-size:clamp(26px,8vw,44px);}}