/* Readdy-inspired studio identity, built as lightweight static CSS. */
:root{--paper:#050c16;--line:#203049;--blue:#45b7ff}body{background:#050c16}.nav{height:96px}.nav .brand{font-size:22px}.nav .brand-light{font-weight:700}.nav-contact,.button{border-radius:40px}.studio-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#12365d 0%,#071323 45%,#050c16 76%);border-bottom:1px solid #213d59}.studio-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#6facdb09 1px,transparent 1px),linear-gradient(90deg,#6facdb09 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(transparent,#000,transparent)}.studio-content{text-align:center;padding-top:60px;padding-bottom:52px}.studio-content>.eyebrow{color:#90c5ee;letter-spacing:.24em;font-size:10px}.studio-logo{width:190px;height:95px;object-fit:contain;margin:18px auto 10px;filter:drop-shadow(0 0 32px #3baeff44)}.studio-hero h1{max-width:none;margin:16px auto 28px;font-size:clamp(56px,7.4vw,106px);font-weight:750;letter-spacing:-.065em;line-height:1.02}.studio-hero h1 em{font-weight:750;letter-spacing:inherit;background:linear-gradient(110deg,#e1edff,#83bdee 65%,#3099f8);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal;font-family:inherit}.studio-description{font-size:17px;line-height:1.8;max-width:610px;margin:auto;color:#abbcd1}.studio-actions{display:flex;justify-content:center;gap:14px;margin-top:30px}.studio-actions .button{font-size:13px;padding:17px 26px}.studio-ghost{border:1px solid #455b74;background:#0b182a;color:#edf5ff}.studio-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:850px;margin:54px auto 0;padding-top:28px;border-top:1px solid #29415a;gap:20px}.studio-stats>div{display:flex;flex-direction:column;gap:9px}.studio-stats strong{font-size:29px;letter-spacing:-1px;font-weight:600}.studio-stats strong span{font-size:16px;letter-spacing:0;color:#a5bbd3}.studio-stats>div>span{font-size:8px;color:#92a7c0;letter-spacing:1.6px}.promise-strip{background:#081321;padding:23px 0}.section-heading h2,.approach h2,.benefits h2,.pricing h2{font-weight:650}.eyebrow{color:#7dbce8}.projects{gap:24px}.project{padding:12px 12px 22px;background:#0d1928;border:1px solid #21344b;border-radius:16px}.project-art{border-radius:9px}.project-info{padding:0 8px}.project-info h3{font-size:23px;font-weight:600}.project-info span{display:block;margin-top:6px}.approach{background:linear-gradient(150deg,#0b1727,#07111f)}.steps article{padding:30px 0}.steps article>span{font-size:16px}.benefit-grid article{border:1px solid #243750;border-radius:12px;padding:28px;background:#0a1626}.benefit-grid{gap:20px}.pricing{background:radial-gradient(ellipse at 70% 50%,#153051,#081321 65%)}.price-card{border-radius:20px;border-color:#4478a2;padding:40px}.price{font-weight:650}.price-card .button{font-size:13px}.contact{background:radial-gradient(ellipse at top left,#173e66,#081525 70%)}.contact input,.contact textarea{border:1px solid #3e5875;border-radius:8px;padding:14px}.footer{border-top:1px solid #22364c}.caption{color:#8fa2b8}@media(max-width:900px){.nav .brand{font-size:19px}nav{gap:16px}.studio-content{padding-top:45px}.studio-hero h1{font-size:76px}.price-card{padding:28px}}@media(max-width:640px){.nav{height:82px}.nav .brand{font-size:18px}.studio-content{padding:36px 0}.studio-content>.eyebrow{font-size:8px;letter-spacing:1.5px}.studio-logo{width:145px;height:72px;margin:20px auto 12px}.studio-hero h1{font-size:clamp(42px,10.8vw,68px);margin:15px auto 22px;letter-spacing:-.055em}.studio-description{font-size:14px;line-height:1.8}.studio-description br{display:none}.studio-actions{flex-direction:column;align-items:stretch;max-width:300px;margin:26px auto 0}.studio-actions .button{font-size:12px}.studio-stats{gap:8px;margin-top:34px;padding-top:24px}.studio-stats strong{font-size:21px}.studio-stats strong span{font-size:11px}.studio-stats>div>span{font-size:7px;letter-spacing:.8px}.studio-stats>div:last-child strong{font-size:18px}.promise-strip .wrap{justify-content:center}.project-art{aspect-ratio:1.15}.section-heading h2{font-size:36px}.price-card{padding:26px}.price-card .button{font-size:12px}.contact h2{font-size:48px}}
