/* Numa studio edition: editorial type, crafted surfaces and restrained depth. */
:root{--studio-paper:#edf1f8;--studio-ink:#080d17;--studio-line:#a5b9df29;--studio-muted:#afbdd3}
body{background:#080d17;color:var(--studio-paper);font-size:17px;font-kerning:normal}
::selection{background:#c5d1ef;color:#111c31}
h1,h2,h3{font-weight:600;text-wrap:balance;letter-spacing:-.045em}
p{font-weight:400}button,input,select,textarea{font-family:var(--numa-body)}
.masthead{background:#080d17;padding:26px 5%;border-bottom:1px solid var(--studio-line)}
.logo{letter-spacing:-2px}.studio-note{font-size:11px;line-height:1.8;color:#a9b8d0;letter-spacing:1.2px}
.top-contact{border-color:#b3c5e24d!important;background:linear-gradient(145deg,#b5c8ee0a,#111b2b);box-shadow:inset 0 1px #ffffff0c}
.top-contact:hover{background:#d7e1f8!important;color:#15223b!important}
.dock{background:#0c1424ed;border-color:#afc5ed36;box-shadow:0 12px 45px #0007,inset 0 1px #d8e4ff10;backdrop-filter:blur(20px)}
.pill{font-weight:500;letter-spacing:-.15px;box-shadow:0 5px 18px #0002;transition:background .25s,border-color .25s,translate .25s}
.pill:hover{translate:0 -2px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:1.7px;color:#9fb2d0}
.section p:not(.plan-price):not(.chapter-price):not(.chosen-plan):not(.form-status),.chapter-copy>p:not(.chapter-price){color:var(--studio-muted);font-size:17px;line-height:1.85}
.section h2,.chapter-copy h2{font-weight:500;line-height:1.13;letter-spacing:-.045em}
.service-universe{background:radial-gradient(ellipse at 77% 34%,#253753 0,#101b2d 37%,#080d17 76%);border-bottom:1px solid var(--studio-line)}
.universe-glow{background:radial-gradient(ellipse at 70% 72%,#6e9bdc16,transparent 57%),linear-gradient(115deg,#ffffff03,transparent 40%)}
.universe-intro h1{font-weight:600;letter-spacing:-.06em;text-shadow:none}
.universe-intro h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.055em;color:#ccd8ef}
.service-universe .universe-intro p{font-size:17px;color:#b8c5d9;line-height:1.8}
.hero-starting{font-size:13px;color:#c6d5ef;border-color:#93aac44d;padding-bottom:9px}
.universe-filters{background:linear-gradient(145deg,#1c2a3bd9,#101b2ad9);border-color:#a7c0e738;border-radius:16px;box-shadow:0 20px 40px #0002,inset 0 1px #ffffff0b}
.selector-heading{padding-bottom:18px}.selector-heading>span{font-size:10px;letter-spacing:1.7px}.selector-heading>strong{font-size:20px;color:#e4eaf5}
.selector-copy strong{font-size:15px;font-weight:500;letter-spacing:-.15px}.selector-copy small{font-size:11px;color:#a0b2cf}
.universe-filters button{border-radius:9px;min-height:63px}.universe-filters button[aria-pressed=true]{background:linear-gradient(110deg,#b1c7f022,#b1c7f008);border-color:#c5d5ef66;box-shadow:inset 2px 0 #d1dff8}
.selector-note{font-size:11px;color:#91a8c8}
.universe-card{border-radius:21px;background:radial-gradient(ellipse at var(--light-x,30%) var(--light-y,20%),#b3cefa30,transparent 62%),linear-gradient(145deg,#354b68e8,#1b2b43ed 48%,#16253de8);border:1px solid #bfd3f36b;box-shadow:inset 0 1px #e4edff99,inset 1px 0 #dbe7ff44,3px 4px 0 #111c31,6px 8px 0 -2px #54739766,0 35px 70px #0006}
.universe-card::before{inset:8px;border:1px solid #c5d9f014;border-radius:15px;background:linear-gradient(120deg,transparent 25%,#e6efff0d 48%,transparent 70%)}
.universe-card[data-position="0"]{border-color:#d3e2ffa6;box-shadow:inset 0 1px #ffffffb3,inset 1px 0 #e2ecff66,3px 4px 0 #17263c,6px 8px 0 -2px #6889b27d,0 35px 80px #0008,0 0 70px #8daee914}
.universe-card-art svg{filter:drop-shadow(0 18px 14px #0006)}
.universe-card strong{font-weight:500;color:#f2f5fa;letter-spacing:-1.3px}
.universe-card-copy{color:#c5d2e7;font-size:14px;line-height:1.65}.universe-card-tag{color:#b3c8e5;letter-spacing:1.1px}
.card-arrow{border:1px solid #bbd1f03d;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;font-size:20px;background:#c5d9f00a}
.universe-enquire{background:linear-gradient(140deg,#e3eaf8,#aebfe2);border:1px solid #f1f5ff;color:#17233b;box-shadow:0 4px 0 #52698e,0 12px 30px #0003;font-weight:600}
.universe-controls{background:#0e192bd9;border-color:#bdd0ef3b;box-shadow:inset 0 1px #ffffff0b}.universe-detail{color:#c3d4ef}
.core-card,.specialist-card,.plan-card{position:relative;border:1px solid var(--studio-line);border-radius:20px;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,0%),#b1c8eb0d,transparent 65%),linear-gradient(145deg,#182335bb,#0d1624ee);box-shadow:inset 0 1px #d4e1f514,0 18px 36px #0002;transition:border-color .3s,box-shadow .3s}
.core-card:hover,.specialist-card:hover,.plan-card:hover{border-color:#b9cfee66;box-shadow:inset 0 1px #d4e1f52b,0 24px 50px #0003}
.core-card h3,.specialist-card h3,.plan-card h3{font-weight:500;letter-spacing:-.6px;line-height:1.25}
.core-card p,.specialist-card p{color:#b2c0d6;font-size:16px}.plan-card .plan-note{font-size:13px;line-height:1.8;color:#9eb0cc}
.portfolio-project{border-color:#afc6e338;border-radius:21px;background:linear-gradient(150deg,#182438,#0c1525);box-shadow:0 18px 50px #0003,inset 0 1px #ffffff0c}
.portfolio-project:hover{border-color:#b7d1ef80;box-shadow:0 25px 65px #0005}.project-info h3{font-weight:500;letter-spacing:-1px}.project-info p{color:#b3c1d7!important}
.work-visual{border-bottom:1px solid #bfd3ef1f}.portfolio-art{background-image:radial-gradient(ellipse at 50% 5%,#c4dbfb16,transparent 65%)}
.project-badge{font-size:10px;letter-spacing:.7px;padding:9px 12px;border-color:#c6d7ef40;background:#0b1424b3;backdrop-filter:blur(12px)}
.project-tags li{border-color:#b6c9e52e;background:#b6c9e509;padding:7px 10px;font-size:11px}.project-read{font-weight:500;color:#d4e1f7}
.project-open{background:#d6e3f21a;border-color:#d6e3f24d}.portfolio-feature .project-info{padding:40px}
.scope-rows>a{border-color:var(--studio-line)}.scope-rows strong{font-weight:500;letter-spacing:-.6px}.scope-rows b{color:#a9bddc}
.contact-form{border:1px solid #b1c9ec36;border-radius:22px;background:linear-gradient(145deg,#18243799,#0e1829);box-shadow:inset 0 1px #ffffff10}
.footer-grid{border-top-color:var(--studio-line)}.footer-grid a{color:#b4c4dc}.hello-bottom p{font-weight:400}
@media(min-width:1151px){.universe-intro h1{font-size:clamp(52px,4.5vw,76px)}.universe-filters{top:43%}.universe-intro{top:9%}}
@media(min-width:701px) and (max-width:1150px){.service-universe .universe-intro p{font-size:15px}.selector-copy strong{font-size:14px}.selector-copy small{font-size:10px}.universe-intro h1{font-size:43px}.universe-filters button{min-height:60px}}
@media(max-width:700px){
 .masthead{padding:22px 6%}.logo{letter-spacing:-1.5px}.top-contact{font-size:12px!important}
 .section h2,.chapter-copy h2{font-size:clamp(37px,9.5vw,48px);line-height:1.16}
 .section p:not(.plan-price):not(.chapter-price):not(.chosen-plan):not(.form-status),.chapter-copy>p:not(.chapter-price){font-size:16px;line-height:1.85}
 .universe-intro h1{font-size:43px;letter-spacing:-2px}.universe-intro h1 em{font-size:1.12em;line-height:1.14}
 .service-universe .universe-intro p{font-size:16px;line-height:1.7}.hero-starting{font-size:12px}
 .universe-filters{border-radius:16px}.selector-heading>strong{font-size:17px}.selector-heading>span{font-size:9px}
 .universe-filters button{min-height:70px}.selector-copy strong{font-size:14px}.selector-copy small{font-size:11px;line-height:1.5}
 .universe-card-copy{font-size:13px;line-height:1.6}.universe-card-tag{letter-spacing:.5px}.universe-card strong{font-size:30px}
 .project-info,.portfolio-feature .project-info{padding:27px 23px}.project-badge{font-size:9px;padding:8px 10px}
 .core-card,.specialist-card,.plan-card{border-radius:18px}.core-card h3,.specialist-card h3{font-size:27px}
 .contact-form{border-radius:18px}.eyebrow{letter-spacing:1.2px}
}
@media(max-width:380px){.universe-intro h1{font-size:39px}.universe-card strong{font-size:27px}.selector-copy strong{font-size:13px}.selector-copy small{font-size:10px}.hero-starting{font-size:11px}}
@media(prefers-reduced-motion:reduce){.pill{transition:none}.pill:hover{translate:none}}
