/* DECT / Nocturne — brand layer */
:root{--navy:#080f1c;--navy2:#0c1828;--cream:#e9e7e0;--white:#f2f0e8;--gold:#c8a86d;--muted:#a8b5c5;--ink:#102137;--line:rgba(225,230,237,.17)}
html{scroll-padding-top:84px}body{background:#080f1c;overflow-x:clip}body::after{content:'';position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
.header{position:sticky;top:0;background:rgba(8,15,28,.87);border-bottom:1px solid rgba(212,222,236,.11);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.header-inner{min-height:78px;width:min(100% - 64px,1500px)}.brand-image{display:block;width:133px;height:38px;background:url('logo-light.png') left center/contain no-repeat}.nav{gap:27px}.nav a{color:#bac4d0;font-weight:500;font-size:.78rem;letter-spacing:.045em}.nav a:hover,.nav a[aria-current]{color:#fff}.nav a[aria-current]::after{background:var(--gold)}.lang-link{border:1px solid #5f7083;border-radius:40px;color:#e4d2ae;padding:9px 15px}.lang-link:hover{background:#d4b980;color:#0a1523}.header-actions{gap:16px}
.eyebrow,.kicker{color:#c9ab74;font-size:.74rem;letter-spacing:.18em}.hero{position:relative;isolation:isolate;min-height:min(870px,calc(100svh - 78px));padding:0;overflow:hidden;background:radial-gradient(ellipse 48% 60% at 77% 44%,#233956 0%,#111f33 38%,transparent 76%),linear-gradient(125deg,#090e19,#0d1c30 58%,#07111e)}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 96%,rgba(194,211,228,.07) 97%),linear-gradient(0deg,transparent 96%,rgba(194,211,228,.07) 97%);background-size:110px 110px;mask-image:linear-gradient(90deg,transparent,#000)}.hero:after{content:'D';position:absolute;right:-.03em;top:2%;font-size:clamp(35rem,58vw,76rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(218,190,133,.14);font-weight:800;letter-spacing:-.13em;pointer-events:none}.hero-halo{position:absolute;z-index:0;width:min(55vw,840px);aspect-ratio:1;right:1%;top:2%;border:1px solid rgba(203,172,113,.35);border-radius:50%;box-shadow:0 0 0 65px rgba(178,172,146,.025),0 0 0 170px rgba(178,172,146,.018),inset 0 0 110px rgba(170,183,202,.08);transform:translate(var(--pointer-x,0),var(--pointer-y,0));transition:transform .9s ease-out;pointer-events:none}.hero-halo:after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:#e8c47d;box-shadow:0 0 40px #c9a269;top:15%;left:15%}.hero-content{position:relative;z-index:2;min-height:inherit;display:flex;flex-direction:column}.hero-top{padding-top:38px}.hero-edition{color:#9caec2;font-size:.65rem;letter-spacing:.17em}.hero-stage{margin:auto 0;padding:95px 0 60px}.hero-prelude{font-size:.75rem;letter-spacing:.3em;color:#d0b681}.hero h1{font-size:clamp(4.7rem,10.5vw,10.8rem);font-weight:600;line-height:.94;letter-spacing:-.09em;margin:25px 0 55px;max-width:1150px;animation:rise .8s both}.hero h1 em{color:#c7a56d;font-weight:500}.hero-bottom{grid-template-columns:minmax(0,680px) 260px;justify-content:space-between;gap:40px;animation:rise .8s .2s both}.hero-lead{color:#e4e8ee;font-size:clamp(1.1rem,1.55vw,1.4rem);max-width:620px;line-height:1.6}.hero-aside{color:#a7b8cb;border-color:var(--gold);line-height:1.75}.hero-rule{margin:0;padding:24px 0;color:#a5b5c6}.rule-line{background:#687b8c70}
.button{background:var(--gold);border-color:var(--gold);color:#111d2a;border-radius:50px;padding:17px 25px;font-size:.85rem;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{transform:translateY(-4px);box-shadow:0 12px 32px #c8a86d35;background:#dfbf84}.text-link,.more-link{font-size:.86rem}.ticker{height:59px;background:#c4a36a;color:#142339;overflow:hidden;display:flex;align-items:center}.ticker>div{min-width:max-content;white-space:nowrap;letter-spacing:.23em;font-size:.85rem;font-weight:800;animation:ticker 26s linear infinite}.ticker i{font-style:normal;margin-inline:30px}
.dark-section{background:#0c1828}.section-space{padding-block:125px 140px}.section-heading{padding-bottom:26px;border-bottom:1px solid var(--line)}.section-heading h2{font-weight:500;font-size:clamp(2.9rem,5vw,6rem)}.section-heading>p{color:#aab9c9}.project-grid{gap:46px 24px}.project-card{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.project-card:hover{transform:translateY(-8px)}.project-art{height:380px;position:relative;overflow:hidden;border:1px solid #ffffff25;padding:29px;background:linear-gradient(135deg,#1c2b3d,#344b5c);transition:filter .4s,box-shadow .4s}.project-card:hover .project-art{filter:brightness(1.11);box-shadow:0 20px 50px #0005}.project-art:before{inset:15px;border:1px solid #ffffff39}.project-art:after{inset:auto -20% -88% 15%;width:95%;aspect-ratio:1;border-color:#ffffff45;box-shadow:0 0 0 42px #ffffff09,0 0 0 100px #ffffff07;transition:transform .6s}.project-card:hover .project-art:after{transform:scale(1.15)}.project-art strong{font-weight:600;letter-spacing:-.075em;font-size:clamp(2.5rem,4.3vw,5rem);max-width:90%;text-wrap:balance;transition:transform .45s}.project-card:hover .project-art strong{transform:translateY(-7px)}.art-line{background:#ebd6a4;height:1px}.art-index,.art-stamp{font-size:.7rem;font-weight:600}.live-mark{color:#f1d8aa}.project-orbit{position:absolute;width:46%;aspect-ratio:1;border:1px solid #ffffff38;border-radius:50%;top:5%;right:-10%;pointer-events:none}.project-rawan-design .project-art{background:radial-gradient(circle at 85% 8%,#bba27685,transparent 52%),linear-gradient(130deg,#3e3938,#725c47)}.project-vibaloo .project-art{background:radial-gradient(circle at 83% 8%,#bad0b975,transparent 52%),linear-gradient(130deg,#274b4d,#688376)}.project-tink-home .project-art{background:radial-gradient(circle at 82% 8%,#cac4ac8c,transparent 52%),linear-gradient(130deg,#303b40,#656d6b)}.project-gearly .project-art{background:radial-gradient(circle at 82% 8%,#8ab9d388,transparent 52%),linear-gradient(130deg,#0f273d,#365e79)}.project-studio91 .project-art{background:radial-gradient(circle at 82% 8%,#d4b2ae7a,transparent 52%),linear-gradient(130deg,#332a38,#63545c)}.project-meta{border-color:#ffffff32}.project-meta h3{font-weight:600}.project-arrow{border-radius:50%;border-color:#ffffff65;transition:transform .3s,background .3s}.project-card:hover .project-arrow{transform:rotate(45deg);background:#c8a86d;color:#081421}.work-grid{gap:64px 28px}.work-grid .project-art{height:490px}
.cream-section{background:#e9e7e0;color:#102137}.cream-section .eyebrow{color:#735c31}.cream-section .section-heading{border-color:#10213735}.cream-section .section-heading>p{color:#4c5a68}.service-list{border-color:#10213744}.service-row{border-color:#10213744;transition:padding .3s,background .3s}.service-row:hover{background:#dcd9cf;padding-inline:18px}.service-row h3{font-weight:550}.service-row p{color:#4e5a63}.service-arrow{transition:transform .25s}.service-row:hover .service-arrow{transform:translate(4px,-4px)}.statement{position:relative}.statement:after{content:'D';position:absolute;right:0;bottom:0;font-size:min(29vw,420px);line-height:1;color:#c9ab7410;font-weight:800;pointer-events:none}.statement h2{font-weight:500}.statement-bottom{position:relative}.contact-band{background:#bfa06b;color:#142236}.contact-band h2{font-weight:550}.button.light{border-color:#101d30;background:#101d30;color:#fff}.footer{background:#070e18;padding-bottom:80px}.footer-brand{font-weight:700}.footer-cta:hover{color:#e2c38c}
.page-hero{position:relative;min-height:480px;padding-top:118px;padding-bottom:110px;overflow:hidden}.page-hero:after{content:'';position:absolute;right:-9%;top:-70%;width:55vw;aspect-ratio:1;border-radius:50%;border:1px solid #c5a46b42;box-shadow:0 0 0 75px #c5a46b08,0 0 0 190px #c5a46b07;pointer-events:none}.page-hero h1{font-size:clamp(3.8rem,8vw,8.3rem);font-weight:550;position:relative;z-index:1;animation:rise .8s both}.page-hero>p:last-child{position:relative;z-index:1;color:#bac8d6}.about-layout p:not(.eyebrow),.step p{color:#4e5a65}.contact-layout{gap:7vw}.contact-links h2{font-weight:500}.contact-channel{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid #10213745;padding:24px 0;text-decoration:none;transition:padding .3s,background .3s}.contact-channel:hover{padding-inline:15px;background:#ddd9ce}.contact-channel span{grid-column:1/-1;font-size:.74rem;letter-spacing:.1em;color:#755f36}.contact-channel strong{font-size:clamp(.9rem,1.4vw,1.2rem);overflow-wrap:anywhere}.contact-form{background:#f4f2eb;padding:clamp(25px,4vw,58px);border:1px solid #c9c8c0;box-shadow:0 30px 70px #101d3015}.contact-form h2{font-size:clamp(2rem,3vw,3.6rem)}.contact-form label{display:block;margin:18px 0;font-size:.87rem;font-weight:700}.contact-form input,.contact-form textarea{display:block;width:100%;padding:13px 0;border:0;border-bottom:1px solid #82909a;background:transparent;color:#102137;border-radius:0;outline:0;resize:vertical;font:inherit}.contact-form input:focus,.contact-form textarea:focus{border-color:#9d7841;border-bottom-width:2px}.form-button{width:100%;margin-top:20px}.form-note{font-size:.85rem;color:#556372}.contact-pending{display:none}
.js-motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.in-view{opacity:1;transform:translateY(0)}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker{to{transform:translateX(-50%)}}
/* Floating navigation */
.dock-shell{position:fixed;z-index:60;bottom:19px;left:50%;transform:translateX(-50%);height:76px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.dock{pointer-events:auto;display:flex;align-items:flex-end;gap:8px;padding:9px 11px;border:1px solid #c7a9756b;border-radius:22px;background:#0a1625e8;box-shadow:0 20px 60px #0008,inset 0 1px #ffffff19;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.dock a{width:49px;height:49px;flex:none;display:grid;place-items:center;position:relative;border-radius:14px;color:#e3e9ed;background:#ffffff0d;border:1px solid #ffffff15;text-decoration:none;transform-origin:bottom;transform:scale(var(--dock-scale,1));transition:background .2s,color .2s}.dock a:hover,.dock a:focus-visible,.dock a[aria-current=page]{background:#c3a36b;color:#111b28}.dock svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.dock-tip{position:absolute;left:50%;bottom:calc(100% + 16px);transform:translate(-50%,6px);white-space:nowrap;color:#f8f7f1;background:#142236;border:1px solid #c5a46b55;padding:6px 10px;border-radius:8px;font-size:.74rem;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.dock a:hover .dock-tip,.dock a:focus-visible .dock-tip{opacity:1;transform:translate(-50%,0)}
/* Interactive cursor only when the device really has a fine pointer */
@media(pointer:fine) and (hover:hover){.cursor-enabled,.cursor-enabled a,.cursor-enabled button{cursor:none}.cursor-enabled input,.cursor-enabled textarea,.cursor-enabled label{cursor:auto}.cursor-glow{position:fixed;z-index:120;left:0;top:0;width:14px;height:14px;border-radius:50%;background:#e6c584;box-shadow:0 0 20px #e6bd7999;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:width .24s,height .24s,background .24s,opacity .2s}.cursor-glow.active{width:57px;height:57px;background:#e3bf8270;box-shadow:0 0 34px #e3bf8260;border:1px solid #e9d1a0}.cursor-glow.project{width:103px;height:103px;background:#d6b677;color:#101b2b;box-shadow:0 12px 40px #0007;display:grid;place-items:center;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-align:center}.cursor-glow.project:after{content:attr(data-label);padding:12px}}
[dir=rtl] .brand-image{background-position:right center}[dir=rtl] .hero:after{right:auto;left:-.1em}[dir=rtl] .hero-halo{right:auto;left:0}[dir=rtl] .project-art strong{letter-spacing:0}[dir=rtl] .art-line{left:auto;right:25px}
@media(max-width:850px){.header-inner{min-height:69px;width:min(100% - 40px,1500px)}.nav{background:#0e1e31;border-color:#c4a36a;box-shadow:0 22px 40px #0008}.nav a{border-color:#ffffff20;color:#edf0f0}.hero{min-height:700px}.hero:after{font-size:90vw;top:12%}.hero-halo{width:75vw;right:-22%;top:13%}.hero-stage{padding:100px 0 75px}.hero h1{font-size:clamp(4rem,11vw,7rem)}.hero-bottom{grid-template-columns:1fr;gap:25px}.hero-aside{max-width:450px}.project-grid{gap:40px 20px}.work-grid .project-art{height:370px}.dock-shell{bottom:13px}}
@media(max-width:600px){.header-inner{width:min(100% - 32px,1500px)}.brand-image{width:107px;height:32px}.hero{min-height:680px}.hero-top{padding-top:30px}.hero-stage{padding:90px 0 65px}.hero h1{font-size:clamp(3.6rem,12.1vw,5.3rem);line-height:1.02;margin:23px 0 33px}.hero-lead{font-size:1.06rem}.hero-edition{display:none}.hero-rule{font-size:.63rem}.hero-halo{width:90vw;top:21%;right:-43%}.ticker{height:45px}.ticker>div{font-size:.69rem}.ticker i{margin-inline:18px}.section-space{padding-block:75px 90px}.section-heading h2{font-size:clamp(2.8rem,12vw,4.5rem)}.project-art,.work-grid .project-art,.project-grid .project-card:last-child:nth-child(odd) .project-art{height:340px}.project-art strong{font-size:clamp(2.9rem,12vw,4rem)}.page-hero{min-height:0;padding-top:76px;padding-bottom:85px}.page-hero h1{font-size:clamp(3.2rem,12vw,5rem)}.contact-form{padding:27px}.dock-shell{width:calc(100% - 18px);bottom:7px;height:67px}.dock{gap:5px;padding:7px;border-radius:17px;max-width:100%}.dock a{width:clamp(39px,10.5vw,47px);height:45px;border-radius:11px}.dock svg{width:18px;height:18px}.footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div,.hero h1,.hero-bottom,.page-hero h1{animation:none}.js-motion .reveal{opacity:1;transform:none;transition:none}.hero-halo{transition:none}}
/* One navigation: the Dock lives in the header on wide screens and moves to the bottom on narrow screens. */
.header-inner>.dock-shell{position:relative;z-index:2;left:auto;bottom:auto;transform:none;height:65px;margin-inline:auto;align-items:center;pointer-events:auto}.header-inner>.dock-shell .dock{box-shadow:inset 0 1px #ffffff16,0 8px 24px #0004}.header-inner>.header-actions{margin-inline-start:0}
@media(max-width:1100px){.header-inner>.dock-shell{position:fixed;z-index:60;left:50%;bottom:13px;transform:translateX(-50%);margin:0;height:70px;width:max-content;max-width:calc(100% - 18px);align-items:flex-end}.header-inner>.dock-shell .dock{box-shadow:0 20px 60px #0008,inset 0 1px #ffffff19}.header-inner>.header-actions{margin-inline-start:auto}}
@media(max-width:600px){.header-inner>.dock-shell{bottom:7px;height:67px;width:calc(100% - 18px)}}
@media(pointer:fine) and (hover:hover){
 .hero,.hero *, .page-hero,.page-hero *, .button, .button *, .project-card,.project-card *{cursor:none}
 .cursor-glow{transition:width .2s,height .2s,background .2s,opacity .1s;will-change:transform}
}
/* Page-preserving language selector */
.language-switch{display:flex;direction:ltr;align-items:center;gap:2px;padding:4px;border:1px solid #c8a86d61;border-radius:999px;background:#ffffff0a}.language-switch a{display:grid;place-items:center;min-width:37px;min-height:32px;padding:0 7px;border-radius:999px;color:#bdc9d6;text-decoration:none;font-size:.7rem;font-weight:750;letter-spacing:.04em;transition:color .2s,background .2s}.language-switch a:hover{color:#fff;background:#ffffff1b}.language-switch a[aria-current="page"]{color:#0c1828;background:#c8a86d}
@media(max-width:600px){.language-switch{padding:3px}.language-switch a{min-width:33px;min-height:30px;font-size:.65rem}}

/* Client workspace access */
.header-inner{gap:24px}.header-actions{flex-shrink:0}
.client-portal-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 16px;border:1px solid #c5a773;border-radius:999px;color:#ecd7af;text-decoration:none;font-size:.78rem;font-weight:600;white-space:nowrap;transition:background .2s,color .2s}
.client-portal-link:hover{background:#c5a773;color:#101d30}.client-portal-link:focus-visible,.footer-client a:focus-visible{outline:2px solid #ecd7af;outline-offset:5px}
.client-entry{background:#102137;border-top:1px solid #ffffff18}.client-entry-inner{display:flex;align-items:center;justify-content:space-between;gap:48px;padding-block:66px}.client-entry h2{font-size:clamp(1.9rem,3.5vw,3rem);line-height:1.15;max-width:700px;margin:16px 0}.client-entry-description{max-width:630px;color:#bbc6d3;line-height:1.75}.client-entry .button{flex-shrink:0}.footer-client{padding-block:20px}.footer-client a{color:#e0c28f;text-decoration:none;font-size:.9rem}.footer-client a:hover{text-decoration:underline}
@media(max-width:700px){.client-entry-inner{align-items:flex-start;flex-direction:column;gap:24px;padding-block:48px}}
@media(max-width:600px){.header-inner{flex-wrap:wrap;gap:8px;padding-block:10px}.header-actions{width:100%;justify-content:space-between;gap:12px}.client-portal-link{min-height:38px;padding:8px 13px;font-size:.76rem}}

/* DECT work-first redesign */
.hero{min-height:clamp(680px,88svh,900px)}.hero:after{opacity:.35}.hero-halo{opacity:.4}.hero-stage{width:100%;padding:78px 0 80px}.hero-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,4vw,80px)}.hero-copy{position:relative;z-index:3}.hero-copy h1{font-size:clamp(3.6rem,6.2vw,7.5rem);line-height:1.02;max-width:780px;margin:20px 0 29px;letter-spacing:-.075em}.hero-copy .hero-lead{max-width:610px;font-size:clamp(1rem,1.35vw,1.22rem)}.hero-copy .actions{margin-top:30px;gap:22px}.hero-showcase{height:520px;position:relative;perspective:1100px;min-width:0}.showcase-label{font-size:.69rem;font-weight:700;letter-spacing:.15em;color:#e1c28b;display:flex;justify-content:space-between;margin-bottom:25px}.showcase-browser{display:block;position:absolute;overflow:hidden;color:white;text-decoration:none;border:1px solid #c5bd9f65;box-shadow:0 35px 80px #0009;transition:transform .4s,box-shadow .4s}.showcase-browser:hover{box-shadow:0 40px 90px #000b}.showcase-main{top:62px;left:0;width:87%;height:340px;transform:rotate(-4deg)}.showcase-main:hover{transform:rotate(-1deg) translateY(-8px)}.showcase-secondary{right:-2%;bottom:20px;width:61%;height:240px;transform:rotate(7deg)}.showcase-secondary:hover{transform:rotate(2deg) translateY(-8px)}.browser-top{height:31px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background:#f1eee8;color:#34404d;font-size:.63rem;gap:12px}.browser-dots{font-size:.7rem;letter-spacing:2px;color:#a1a2a6}.browser-art{height:calc(100% - 31px);padding:27px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.browser-art small{letter-spacing:.24em;font-size:.57rem}.browser-art strong{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.065em;line-height:.95}.browser-art>span{font-size:.65rem;letter-spacing:.1em}.browser-tink{background:linear-gradient(140deg,#283336dd,#34483c22),radial-gradient(circle at 70% 65%,#81928a,#28383c 70%)}.browser-rawan{background:linear-gradient(130deg,#2d2b2b,#8b765b 100%)}.showcase-corner{position:absolute;bottom:0;left:0;color:#9eaec0;font-size:.65rem;letter-spacing:.1em}.project-art{isolation:isolate}.project-art>strong,.project-art>.art-line,.project-art>.project-orbit{display:none}.project-window{position:absolute;inset:66px 28px 45px;z-index:1;border:1px solid #ffffff6e;box-shadow:0 24px 35px #0004;transition:transform .4s;overflow:hidden;background:#1b2938}.project-card:hover .project-window{transform:translateY(-10px) scale(1.02)}.project-window-bar{height:27px;background:#f1eee8;color:#52616a;display:flex;align-items:center;gap:5px;padding:0 10px}.project-window-bar i{width:5px;height:5px;border-radius:50%;background:#b9ada1}.project-window-bar span{margin-inline-start:auto;font-size:.52rem;letter-spacing:.1em}.project-window-content{height:calc(100% - 27px);padding:25px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background:linear-gradient(135deg,#ffffff1f,#0007)}.project-window-content span{font-size:.6rem;letter-spacing:.15em}.project-window-content b{font-size:clamp(1.9rem,3vw,3.4rem);letter-spacing:-.06em;line-height:1}.project-art>.art-index,.project-art>.art-stamp{z-index:2}.credibility{margin-top:65px;padding-top:40px;border-top:1px solid #ffffff4d;display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.credibility h3{font-size:clamp(1.6rem,2.7vw,2.6rem);max-width:530px}.credibility>p{color:#c4cfda;max-width:460px}.merged-process{background:#eeeae1;color:#162538}.merged-process .eyebrow{color:#8b6c3f}.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.form-status{font-weight:700;margin:14px 0 0}.form-status[data-state=success]{color:#13664c}.form-status[data-state=error]{color:#9b3030}.form-button:disabled{opacity:.6;cursor:wait}
@media(max-width:980px){.hero-split{grid-template-columns:1fr}.hero{min-height:0}.hero-stage{padding:72px 0}.hero-copy h1{max-width:850px}.hero-showcase{width:min(100%,620px);height:460px;margin:0 auto}.hero-copy .actions{margin-top:26px}}
@media(max-width:600px){.hero-stage{padding:65px 0 48px}.hero-copy h1{font-size:clamp(3rem,10vw,5rem);margin:18px 0 26px}.hero-showcase{height:305px;margin-top:10px}.showcase-main{top:40px;height:207px;width:84%}.showcase-secondary{height:150px;bottom:15px;width:57%}.browser-top{height:24px;padding:0 8px;font-size:.47rem}.browser-art{height:calc(100% - 24px);padding:14px}.browser-art strong{font-size:clamp(1.6rem,6vw,2.7rem)}.browser-art small,.browser-art>span{font-size:.46rem}.showcase-corner{font-size:.48rem}.project-window{inset:60px 22px 35px}.credibility{grid-template-columns:1fr;gap:8px}.hero-copy .actions{gap:14px}}
@media(prefers-reduced-motion:reduce){.showcase-browser,.project-window{transition:none}}