:root{--ink:#14283e;--paper:#f7f7fb;--yellow:#dbe6ff}
body.colloword header{background:#f7f7fbf5}
.brand{font-size:20px;letter-spacing:-.6px}.brand span{color:#0759f9}
.hero{background:#e9eef8;grid-template-columns:1fr 1fr;min-height:780px;align-items:center}
.hero h1{font-size:clamp(48px,5.7vw,86px);line-height:1.04}
.hero h1 em{font-style:normal;background:none;color:#0759f9}
.hero-art{min-height:620px;max-width:600px;width:100%;margin-inline:auto}
.cw-halo{position:absolute;inset:5% -5%;border-radius:50%;background:radial-gradient(ellipse,#bccff3aa,transparent 68%)}
.front{left:9%;top:6%;width:43%;transform:rotate(-7deg)}
.rear{right:6%;top:16%;width:40%;transform:rotate(9deg)}
.phone{background:#1b2a3c;padding:6px;border-radius:26px}
.phone .shot{border-radius:20px}
.cw-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 8%;margin-top:55px}
.cw-features article{border-top:1px solid #ffffff30;padding-top:24px}.cw-features article>span{font-size:11px;color:#bad0ff}.cw-features p{font-size:16px;color:#d2ddea;max-width:470px}
.gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin-inline:auto;gap:70px}.gallery .shot{max-width:280px;margin-inline:auto;border-radius:22px}.gallery h3,.gallery p{max-width:280px;margin-inline:auto}
.cw-website{background:#e9eef8}.cw-website h2{font-size:clamp(36px,3.8vw,58px)}.cw-website .large{font-size:20px}
.text-link{display:inline-block;border-bottom:1px solid #8198b3;padding-bottom:8px;font-size:14px}
.cw-site-preview{display:block;max-width:1050px;margin:50px auto 0;border-radius:16px;overflow:hidden;border:1px solid #14283e20;box-shadow:0 20px 45px #14283e15}.cw-site-preview img{display:block;width:100%;height:auto}
.closing{background:#dbe6ff}.closing em{font-style:normal;color:#0759f9}footer{gap:25px;flex-wrap:wrap}
@media(max-width:900px){.hero h1{font-size:58px}.hero-art{min-height:510px}.hero{gap:10px}.front{width:43%;left:8%;top:10%}.rear{width:39%;right:7%;top:24%}}
@media(max-width:600px){.hero{grid-template-columns:1fr;min-height:0}.hero h1{font-size:clamp(44px,10.7vw,58px)}.hero-art{min-height:440px;max-width:380px}.hero .lead{font-size:17px}.cw-features{grid-template-columns:1fr;gap:28px}.gallery{gap:35px 18px}.gallery h3{font-size:19px}.gallery .shot{border-radius:12px}.phone{border-radius:21px;padding:4px}.phone .shot{border-radius:17px}.cw-site-preview{margin-top:28px}.cw-website .large{font-size:18px}body.colloword header>a:last-child{display:none}body.colloword header{padding-right:calc(5% + 116px)}.brand{font-size:18px}}