@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
:root{--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;--display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;--mono:"SF Mono",ui-monospace,Menlo,Monaco,Consolas,monospace;--bg:oklch(98.5% .004 260);--fg:oklch(15% .015 260);--blue:oklch(58% .22 257);--blue-soft:oklch(92% .06 238);--muted:oklch(55% .02 260);--line:oklch(88% .008 260);--white:oklch(100% 0 0);--dark:oklch(12% .018 260);--shadow:0 34px 90px oklch(18% .03 260/.16);--glass-fill:oklch(100% 0 0/.38);--glass-fill-strong:oklch(100% 0 0/.58);--glass-border:oklch(100% 0 0/.72);--glass-shadow:0 20px 55px oklch(20% .05 255/.13),inset 0 1px 1px oklch(100% 0 0/.94),inset 0 -1px 1px oklch(63% .08 255/.16),inset 5px 6px 12px oklch(100% 0 0/.19),inset -6px -7px 14px oklch(60% .12 255/.09)}
@theme inline{--color-background:var(--bg);--color-foreground:var(--fg);--color-primary:var(--blue);--color-muted:var(--muted);--font-sans:var(--sans);--font-mono:var(--mono)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 6%,oklch(85% .13 242/.78),transparent 25rem),radial-gradient(circle at 88% 28%,oklch(90% .11 300/.64),transparent 28rem),linear-gradient(118deg,oklch(98% .018 250),oklch(94% .035 222) 48%,oklch(98% .025 300));color:var(--fg);font-family:var(--sans),sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1320px,calc(100% - 64px));margin:auto}.section{padding-block:clamp(110px,12vw,190px)}.liquid-filter-defs{position:fixed;width:0;height:0;pointer-events:none}h1,h2,h3,.display,.work-title,.big-logo{font-family:var(--display);font-feature-settings:"kern" 1,"liga" 1}
header,.btn,.head-cta,.section-head a,.split a,.service-list article>a,.steps>div,.price,form,.contact-copy>a,.menu,.mobile{--glass-x:50%;--glass-y:18%;position:relative;isolation:isolate}
header,.btn,.head-cta,.menu{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;transform-origin:center}.liquid-draggable{will-change:transform;cursor:grabbing!important;transform:translate3d(var(--wobble-x,0),var(--wobble-y,0),0) rotate(var(--wobble-r,0deg)) skewX(var(--wobble-skew,0deg)) scaleX(var(--wobble-sx,1)) scaleY(var(--wobble-sy,1))!important;transition:none!important}.liquid-draggable:after{opacity:1!important}
header:after,.btn:after,.head-cta:after,.section-head a:after,.split a:after,.service-list article>a:after,.steps>div:after,.price:after,form:after,.contact-copy>a:after,.menu:after,.mobile:after{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(220px circle at var(--glass-x) var(--glass-y),oklch(100% 0 0/.8),oklch(100% 0 0/.19) 22%,transparent 52%),linear-gradient(128deg,oklch(100% 0 0/.54),transparent 28%,transparent 68%,oklch(64% .16 245/.16));box-shadow:inset 1px 1px 0 oklch(100% 0 0/.82),inset -1px -1px 0 oklch(54% .13 255/.14);mix-blend-mode:soft-light;opacity:.58;transition:opacity .25s ease}
header.liquid-tracking:after,.btn.liquid-tracking:after,.head-cta.liquid-tracking:after,.section-head a.liquid-tracking:after,.split a.liquid-tracking:after,.service-list article>a.liquid-tracking:after,.steps>div.liquid-tracking:after,.price.liquid-tracking:after,form.liquid-tracking:after,.contact-copy>a.liquid-tracking:after,.menu.liquid-tracking:after,.mobile.liquid-tracking:after{opacity:1}
header{height:62px;width:min(1380px,calc(100% - 40px));margin:0 auto;padding:0 12px 0 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:20;border:1px solid var(--glass-border);border-top:0;border-radius:0 0 31px 31px;background:linear-gradient(135deg,oklch(90% .02 255/.64),oklch(79% .06 245/.43));box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(190%) contrast(108%);-webkit-backdrop-filter:blur(22px) saturate(190%) contrast(108%)}header:before{content:"";position:absolute;inset:1px 14% auto;height:1px;background:linear-gradient(90deg,transparent,oklch(100% 0 0/.95),transparent);pointer-events:none}.logo,header nav,.head-cta,.menu{z-index:4}.logo{font-size:15px;font-weight:800;letter-spacing:-.06em}.logo span{font-weight:500}.logo i{font-style:normal;color:var(--blue)}header nav{display:flex;gap:8px;font-size:13px;font-weight:600}header nav a{padding:10px 14px;border-radius:999px;transition:background .25s,color .25s,box-shadow .25s}header nav a:hover{color:var(--blue);background:oklch(100% 0 0/.64);box-shadow:inset 0 1px 0 white,0 8px 22px oklch(30% .04 260/.08)}.head-cta{justify-self:end;font-size:12px;font-weight:700;padding:12px 17px;border:1px solid oklch(100% 0 0/.72);border-radius:999px;background:linear-gradient(135deg,oklch(100% 0 0/.5),oklch(86% .1 240/.26));box-shadow:var(--glass-shadow);backdrop-filter:blur(13px) saturate(180%);transition:transform .25s,box-shadow .25s}.head-cta:hover{transform:translate3d(var(--glass-pull-x,0),calc(var(--glass-pull-y,0) - 2px),0);box-shadow:0 16px 34px oklch(35% .1 250/.2),inset 0 1px 1px white}.menu,.mobile{display:none}
.site-notice{position:absolute;z-index:2;top:calc(100% - 1px);left:50%;width:min(820px,calc(100% - 120px));transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 18px 10px;border:1px solid oklch(100% 0 0/.55);border-top:0;border-radius:0 0 18px 18px;background:linear-gradient(135deg,oklch(82% .035 255/.76),oklch(73% .07 245/.58));box-shadow:0 12px 28px oklch(20% .05 255/.13),inset 0 -1px 0 oklch(100% 0 0/.36);backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%);color:oklch(20% .025 260);font:600 10px/1.35 var(--sans);letter-spacing:.015em;text-align:center;pointer-events:none}.site-notice i{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:oklch(63% .2 65);box-shadow:0 0 0 4px oklch(84% .13 75/.3)}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(45px,6vw,100px);padding-block:70px 100px}.eyebrow,.kicker{font:500 10px var(--mono);letter-spacing:.14em;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px var(--blue-soft)}.hero h1{font-size:clamp(52px,6vw,96px);line-height:.98;letter-spacing:-.065em;margin:28px 0 30px;font-weight:650}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:clamp(16px,1.4vw,20px);line-height:1.65;color:var(--muted);max-width:580px;margin-bottom:36px}.btn{overflow:hidden;display:inline-flex;min-width:210px;justify-content:space-between;padding:17px 22px;font-size:13px;font-weight:700;border-radius:999px!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow);backdrop-filter:blur(16px) saturate(190%) contrast(105%);-webkit-backdrop-filter:blur(16px) saturate(190%) contrast(105%);transition:transform .18s ease-out,box-shadow .25s,background .25s}.btn:before{content:"";position:absolute;z-index:-1;inset:1px 12% auto;height:42%;border-radius:999px;background:linear-gradient(180deg,oklch(100% 0 0/.48),transparent);pointer-events:none}.btn:hover{transform:translate3d(var(--glass-pull-x,0),calc(var(--glass-pull-y,0) - 3px),0) scale(1.015);box-shadow:0 22px 44px oklch(20% .05 260/.2),inset 0 1px 1px oklch(100% 0 0/.9),inset 0 -2px 3px oklch(56% .14 255/.12)}.btn.dark{background:linear-gradient(135deg,oklch(24% .035 260/.82),oklch(10% .02 260/.74));color:white;border-color:oklch(100% 0 0/.28)!important}.btn.dark:after{mix-blend-mode:screen;opacity:.34}.btn.light{background:linear-gradient(135deg,oklch(100% 0 0/.55),oklch(89% .1 230/.22));color:var(--fg)}
.browser{background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:32px;box-shadow:var(--shadow),inset 0 1px 0 white;backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);transform:rotateY(-4deg) rotateX(2deg);overflow:hidden}.bar{height:48px;background:linear-gradient(135deg,oklch(100% 0 0/.78),oklch(94% .02 255/.55));border-bottom:1px solid oklch(100% 0 0/.72);display:flex;align-items:center;gap:7px;padding:0 17px;backdrop-filter:blur(20px)}.bar i{width:8px;height:8px;border-radius:50%;background:oklch(78% .015 260);box-shadow:inset 0 1px 1px white}.bar span{margin:auto;font:9px var(--mono);padding:7px 55px;background:oklch(100% 0 0/.58);border:1px solid oklch(100% 0 0/.8);border-radius:999px;color:var(--muted);box-shadow:inset 0 1px 0 white}.mock{height:clamp(390px,43vw,610px);position:relative;overflow:hidden;background:oklch(92% .035 88);padding:26px 31px}.mock>b{font-size:21px}.mock>small{float:right;font-size:8px}.mock>div{position:absolute;left:8%;top:30%;z-index:2}.mock>div span{font:8px var(--mono);letter-spacing:.14em}.mock>div h2{font-size:clamp(36px,4vw,66px);line-height:.93;letter-spacing:-.06em;margin:20px 0 25px}.mock button{border:1px solid oklch(20% .02 260/.35);border-radius:999px;background:oklch(100% 0 0/.28);backdrop-filter:blur(12px);padding:10px 15px;font-size:8px;box-shadow:inset 0 1px 0 oklch(100% 0 0/.6)}.mock figure{position:absolute;right:5%;bottom:-6%;width:40%;height:67%;background:oklch(41% .08 56);border-radius:45% 45% 10% 10%;transform:skewY(-6deg);box-shadow:20px 30px 30px #0003}.mock figure i{position:absolute;bottom:-30%;height:40%;width:6%;background:oklch(29% .04 55)}.mock figure i:first-child{left:17%;transform:rotate(8deg)}.mock figure i:last-child{right:17%;transform:rotate(-8deg)}.mock-label{text-align:right;font:9px var(--mono);letter-spacing:.15em;color:var(--muted)}
.display{font-size:clamp(38px,5.2vw,78px);line-height:1.08;letter-spacing:-.055em;margin:40px 0 100px}.display span{color:oklch(65% .018 260)}.service-list{border-top:1px solid var(--line)}.service-list article{min-height:126px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:80px 1fr 1.4fr 44px;align-items:center;gap:20px;transition:padding .3s,background .3s,border-radius .3s,box-shadow .3s}.service-list article:hover{padding-inline:22px;background:var(--glass-fill);border-radius:24px;border-color:transparent;box-shadow:var(--glass-shadow);backdrop-filter:blur(18px)}.service-list small,.service-list p{color:var(--muted)}.service-list small{font:10px var(--mono)}.service-list h3{font-size:24px}.service-list p{font-size:14px;line-height:1.7}.service-list article>a{width:40px;height:40px;display:grid;place-items:center;font-size:18px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-fill);box-shadow:inset 0 1px 0 white,0 8px 20px oklch(30% .04 260/.08)}.service-list article:hover>a{color:var(--blue)}
.work{background:var(--dark);color:oklch(96% .005 260)}.section-head{display:flex;justify-content:space-between}.section-head a{font-size:12px;border-bottom:1px solid}.work .kicker{color:oklch(64% .02 260)}.work-title{font-size:clamp(50px,7vw,106px);line-height:.93;letter-spacing:-.065em;margin:42px 0 90px;font-weight:550}.work-title em{font-style:normal;color:oklch(67% .19 248)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:70px 28px}.projects>.wide{grid-column:1/-1}.art{height:440px;position:relative;overflow:hidden;padding:30px;transition:.4s}.wide .art{height:min(54vw,650px)}.project:hover .art{transform:scale(.985)}.art small{font:10px var(--mono)}.art h3{white-space:pre-line;position:absolute;left:6%;bottom:6%;font-size:clamp(40px,6vw,82px);line-height:.82;letter-spacing:-.065em;margin:0}.alpine{background:linear-gradient(155deg,oklch(70% .07 238),oklch(40% .08 255) 55%,oklch(21% .04 255))}.alpine:after{content:"";position:absolute;left:5%;right:3%;bottom:-20%;height:75%;background:oklch(93% .01 230);clip-path:polygon(0 80%,18% 35%,34% 65%,55% 5%,72% 50%,83% 30%,100% 80%,100% 100%,0 100%)}.alpine h3{z-index:1;left:auto;right:5%;text-align:right}.solar{background:oklch(90% .2 100);color:oklch(14% .03 90)}.solar:after{content:"";position:absolute;width:260px;height:260px;border:40px solid;border-radius:50%;right:-50px;top:-40px}.forma{background:oklch(86% .04 25);color:oklch(19% .025 20)}.forma:after{content:"";position:absolute;width:42%;height:70%;right:8%;bottom:-10%;background:oklch(98% .01 40);border-radius:50% 50% 8% 8%;transform:rotate(11deg)}.art h3{z-index:1}.meta{display:grid;grid-template-columns:100px 1fr auto;align-items:baseline;padding-top:17px}.meta span,.meta small{font:10px var(--mono);color:oklch(63% .02 260)}.meta b{font-size:21px}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;margin:45px 0 100px}.split h2,.page-hero h1{font-size:clamp(50px,7vw,100px);line-height:.95;letter-spacing:-.065em;margin:0}.split p{color:var(--muted);line-height:1.8;margin-bottom:30px}.split a,.section-head a{display:inline-flex;align-items:center;padding:10px 15px;font-size:12px;font-weight:700;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-fill);box-shadow:inset 0 1px 0 white,0 8px 22px oklch(30% .04 260/.08);backdrop-filter:blur(14px)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border:0}.steps>div{padding:28px 24px 35px;min-height:170px;border:1px solid var(--glass-border);border-radius:24px;background:linear-gradient(145deg,oklch(100% 0 0/.65),oklch(96% .025 250/.38));box-shadow:var(--glass-shadow);backdrop-filter:blur(18px)}.steps small{font:10px var(--mono);color:var(--blue)}.steps h3{margin-top:50px}.cta{position:relative;overflow:hidden;background:linear-gradient(135deg,oklch(57% .22 257),oklch(49% .22 272));color:white;text-align:center;padding:clamp(100px,12vw,180px) 20px}.cta:before,.cta:after{content:"";position:absolute;border-radius:50%;background:oklch(100% 0 0/.17);filter:blur(2px);pointer-events:none}.cta:before{width:38vw;height:38vw;left:-13vw;top:-22vw}.cta:after{width:28vw;height:28vw;right:-8vw;bottom:-17vw}.cta>div{position:relative;z-index:1}.cta p{font:10px var(--mono);letter-spacing:.15em}.cta h2{font-size:clamp(48px,7vw,100px);line-height:1;letter-spacing:-.065em;margin:35px 0 55px}
.page-hero{padding-block:clamp(90px,12vw,170px);border-bottom:1px solid var(--line)}.page-hero .kicker{margin-bottom:35px}.page-hero p:last-child{max-width:650px;margin:35px 0 0 auto;color:var(--muted);font-size:18px;line-height:1.7}.page-section{padding-block:110px}.rows{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:70px 1fr 1fr;padding:45px 0;border-bottom:1px solid var(--line);gap:30px}.row>span{font:10px var(--mono);color:var(--blue)}.row h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.04em;margin:0}.row p{color:var(--muted);line-height:1.8;margin:0}.detail-dark{background:var(--dark);color:white}.detail-dark .row{border-color:oklch(30% .02 260)}.detail-dark .row p{color:oklch(70% .02 260)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price{padding:40px;border:1px solid var(--glass-border);border-radius:30px;background:linear-gradient(145deg,oklch(100% 0 0/.72),oklch(96% .025 250/.4));box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(155%);display:flex;flex-direction:column}.price.featured{background:linear-gradient(145deg,oklch(24% .04 260/.94),oklch(12% .025 260/.9));border-color:oklch(100% 0 0/.2);color:white}.price small{font:10px var(--mono);color:var(--blue)}.price h2{font-size:30px;margin:40px 0 8px}.price strong{font-size:44px;letter-spacing:-.05em}.price p,.price li{color:var(--muted);line-height:1.7}.price ul{list-style:none;padding:20px 0;margin-bottom:30px;border-top:1px solid var(--line)}.price li{padding:7px 0;font-size:13px}.price li:before{content:"↗";color:var(--blue);margin-right:10px}.price .btn{margin-top:auto}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.contact-copy h1{font-size:clamp(50px,6vw,88px);line-height:.98;letter-spacing:-.06em}.contact-copy p{color:var(--muted);line-height:1.7}.contact-copy a{display:inline-flex;padding:11px 16px;font:12px var(--mono);border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-fill);box-shadow:inset 0 1px 0 white,0 8px 20px oklch(30% .04 260/.08)}form{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:clamp(24px,4vw,48px);border:1px solid var(--glass-border);border-radius:32px;background:linear-gradient(145deg,oklch(100% 0 0/.68),oklch(96% .025 250/.38));box-shadow:var(--glass-shadow);backdrop-filter:blur(24px) saturate(160%)}label{font:10px var(--mono);letter-spacing:.1em}input,select,textarea{display:block;width:100%;margin-top:10px;border:1px solid oklch(80% .02 255/.55);border-radius:16px;background:oklch(100% 0 0/.45);padding:14px 15px;font:16px var(--sans);outline:none;color:var(--fg);box-shadow:inset 0 1px 0 white}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px oklch(65% .18 250/.12),inset 0 1px 0 white}textarea{min-height:120px;resize:vertical}.full{grid-column:1/-1}form button{border:0}.form-done{padding:60px;border:1px solid var(--glass-border);border-radius:32px;background:linear-gradient(145deg,var(--blue-soft),oklch(100% 0 0/.6));box-shadow:var(--glass-shadow);backdrop-filter:blur(22px)}.form-done span{font:10px var(--mono);color:var(--blue)}.form-done h2{font-size:40px;letter-spacing:-.04em}.form-done p{line-height:1.7}.form-done a{text-decoration:underline}
footer{background:var(--dark);color:white;padding-top:100px;overflow:hidden}.foot{display:grid;grid-template-columns:1fr auto auto;gap:90px;padding-bottom:100px}.foot h2{font-size:clamp(34px,4vw,58px);line-height:1.03;letter-spacing:-.05em;margin:0 0 28px}.foot h2 span{color:oklch(59% .02 260)}.foot>div{display:flex;flex-direction:column;gap:12px;font-size:13px}.foot small{font:9px var(--mono);color:oklch(58% .02 260);margin-bottom:12px}.big-logo{text-align:center;white-space:nowrap;font-size:clamp(70px,14.4vw,235px);font-weight:800;line-height:.8;letter-spacing:-.085em}.big-logo span{color:var(--blue)}.legal{border-top:1px solid oklch(30% .02 260);padding:25px 0;display:flex;justify-content:space-between;font:9px var(--mono);color:oklch(58% .02 260)}
@media(max-width:900px){.wrap{width:min(100% - 36px,700px)}header{width:calc(100% - 24px);grid-template-columns:1fr auto;padding-inline:18px 10px;border-radius:0 0 28px 28px}.site-notice{width:calc(100% - 28px);padding:8px 12px 9px;border-radius:0 0 15px 15px;font-size:9px}.site-notice i{width:5px;height:5px}header>nav,.head-cta{display:none}.menu{display:flex;border:1px solid var(--glass-border);border-radius:50%;background:var(--glass-fill);width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:inset 0 1px 0 white}.menu span{width:18px;height:1px;background:currentColor}.mobile{display:flex;position:absolute;top:70px;left:0;right:0;background:var(--glass-fill-strong);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow);backdrop-filter:blur(26px) saturate(180%);padding:25px;flex-direction:column;gap:7px;font-size:18px}.mobile a{padding:12px 14px;border-radius:14px}.mobile a:hover{background:oklch(100% 0 0/.55)}.hero{grid-template-columns:1fr}.browser{transform:none}.display{margin-bottom:60px}.service-list article{grid-template-columns:45px 1fr 44px;padding:25px 12px}.service-list p{grid-column:2}.service-list article>a{grid-column:3;grid-row:1/3}.projects{grid-template-columns:1fr}.projects>.wide{grid-column:auto}.art,.wide .art{height:min(90vw,560px)}.split{grid-template-columns:1fr;gap:40px}.steps{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}.row{grid-template-columns:45px 1fr}.row p{grid-column:2}.price-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:70px}}
@media(max-width:560px){.hero h1{font-size:50px}.bar span{padding:6px 25px}.mock{height:360px}.mock>small{display:none}.mock>div h2{font-size:38px}.meta{grid-template-columns:70px 1fr}.meta small{grid-column:2}.steps{grid-template-columns:1fr}.steps>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.foot{gap:50px}.legal span:nth-child(2){display:none}form{grid-template-columns:1fr}.full{grid-column:auto}}
:is(.btn,.head-cta,.section-head a,.split a,.service-list article>a,.contact-copy>a,.menu,.mock button){border-radius:999px!important}
.btn.liquid-draggable,.head-cta.liquid-draggable,.section-head a.liquid-draggable,.split a.liquid-draggable,.service-list article>a.liquid-draggable,.contact-copy>a.liquid-draggable,.menu.liquid-draggable,.mock button.liquid-draggable{border-radius:999px!important}header.liquid-draggable{border-radius:0 0 31px 31px!important}
.page-pop{opacity:0;transform:translate3d(0,30px,0) scale(.975);transition:opacity .72s cubic-bezier(.22,1,.36,1) var(--pop-delay,0ms),transform .72s cubic-bezier(.22,1,.36,1) var(--pop-delay,0ms);will-change:opacity,transform}.page-pop.page-pop-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
.mobile{overflow:hidden;transform-origin:top center}.mobile-link{overflow:hidden}.mobile-link a{display:block}
header nav a{position:relative;isolation:isolate}header nav a:hover{background:transparent;box-shadow:none}.nav-hover-pill{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:999px;background:oklch(100% 0 0/.64);box-shadow:inset 0 1px 0 white,0 8px 22px oklch(30% .04 260/.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-link-label{position:relative;z-index:1;pointer-events:none}
@media(max-width:900px){header,.mobile,.btn,.head-cta,.browser,.price,form,.form-done,.steps>div{backdrop-filter:blur(10px) saturate(130%)!important;-webkit-backdrop-filter:blur(10px) saturate(130%)!important}.nav-hover-pill{backdrop-filter:none;-webkit-backdrop-filter:none}}
.form-honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.form-error{grid-column:1/-1;margin:0;color:oklch(50% .18 25);font:500 12px/1.5 var(--sans)}form button:disabled{opacity:.62;cursor:wait}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.page-pop{opacity:1!important;transform:none!important;filter:none!important}}

body{min-height:100vh}.static-reveal,.scroll-reveal{--reveal-x:0px;--reveal-y:34px;--reveal-scale:.985;opacity:0;transform:translate3d(var(--reveal-x),var(--reveal-y),0) scale(var(--reveal-scale));transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .86s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}.scroll-reveal[data-reveal="left"]{--reveal-x:-42px;--reveal-y:8px}.scroll-reveal[data-reveal="right"]{--reveal-x:42px;--reveal-y:8px}.scroll-reveal[data-reveal="scale"]{--reveal-y:18px;--reveal-scale:.955}.static-reveal.visible,.scroll-reveal.visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
header nav{position:relative}header nav>a{position:relative;z-index:2}.nav-static-pill{position:absolute;z-index:1;top:0;left:0;height:100%;border-radius:999px;background:oklch(100% 0 0/.64);box-shadow:inset 0 1px 0 white,0 8px 22px oklch(30% .04 260/.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1)}
.mobile{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-18px) scaleY(.84);transition:opacity .28s ease,transform .42s cubic-bezier(.22,1,.36,1),visibility .28s}.mobile.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.menu span{transition:transform .3s,opacity .3s}.menu[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.form-done{grid-column:1/-1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.mobile{display:flex}.nav-static-pill{display:none}.hero{padding-top:105px}.page-hero{padding-top:130px}.contact-grid{padding-top:135px}}
@media(prefers-reduced-motion:reduce){.static-reveal,.scroll-reveal{opacity:1;transform:none;transition:none;transition-delay:0ms}}

/* Lovable content structure, rendered through the existing Liquid Glass system */
body{background:radial-gradient(circle at 7% 4%,oklch(86% .12 238/.72),transparent 29rem),radial-gradient(circle at 93% 25%,oklch(91% .095 302/.54),transparent 32rem),linear-gradient(125deg,oklch(98% .018 250),oklch(95% .03 225) 48%,oklch(98% .022 300));overflow-x:hidden}
.content-section{padding-block:clamp(90px,10vw,155px)}
.studio-hero{min-height:100vh;padding-top:125px;padding-bottom:90px;display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(40px,7vw,110px);align-items:center}
.studio-hero h1,.section-intro h2,.contact-copy h2,.faq-intro h2{font-size:clamp(48px,6.4vw,96px);line-height:.96;letter-spacing:-.065em;margin:28px 0;font-weight:650}
.studio-hero h1 em{font-style:normal;color:var(--blue)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions .btn:not(.dark),.cookie-panel .btn:not(.dark){background:var(--glass-fill);color:var(--fg)}
.hero-stats{display:flex;gap:clamp(22px,4vw,60px);margin:50px 0 0}.hero-stats div{display:grid;gap:7px}.hero-stats dt{font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero-stats dd{margin:0;font-weight:700;font-size:16px}
.device-shot{margin:0;border:1px solid var(--glass-border);border-radius:36px;overflow:hidden;background:var(--glass-fill);box-shadow:var(--shadow),inset 0 1px 0 white;backdrop-filter:blur(22px);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.device-shot img{display:block;width:100%;height:auto}
.section-intro{max-width:960px;margin-bottom:65px}.section-intro>p:not(.kicker){color:var(--muted);font-size:18px;line-height:1.7;max-width:650px}.section-intro h2{font-size:clamp(42px,5.3vw,78px)}
.row-head{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:30px}.inline-link{display:inline-flex;white-space:nowrap;padding:11px 16px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-fill);box-shadow:inset 0 1px 0 white,0 8px 22px oklch(30% .04 260/.08);backdrop-filter:blur(14px);font-size:12px;font-weight:700}
.glass-card{position:relative;isolation:isolate;border:1px solid var(--glass-border);border-radius:30px;background:linear-gradient(145deg,oklch(100% 0 0/.66),oklch(94% .035 248/.36));box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}
.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.benefit-grid article{min-height:310px;padding:38px;display:flex;flex-direction:column}.benefit-grid h3{font-size:clamp(25px,3vw,38px);letter-spacing:-.045em;margin:35px 0 16px}.benefit-grid article>p:not(.kicker){color:var(--muted);line-height:1.7;max-width:520px}.benefit-grid strong{margin-top:auto;color:var(--blue);font:600 13px var(--mono)}
.calculator-section{background:linear-gradient(135deg,oklch(15% .025 260/.97),oklch(22% .055 260/.96));color:white}.calculator-section .kicker,.calculator-section .field-help,.calculator-section .section-intro>p{color:oklch(72% .025 260)}.calculator-section .inline-link{border-color:oklch(100% 0 0/.22);background:oklch(100% 0 0/.08)}
.calculator-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:start}.calculator,.price-summary{padding:clamp(26px,4vw,46px);background:linear-gradient(145deg,oklch(100% 0 0/.13),oklch(100% 0 0/.055));border-color:oklch(100% 0 0/.18)}fieldset{border:0;margin:0;padding:0}legend,.range-label{display:flex;width:100%;justify-content:space-between;font:600 10px var(--mono);letter-spacing:.12em;margin-bottom:17px}.calculator fieldset+fieldset{margin-top:40px}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice-row button,.addon-list button{border:1px solid oklch(100% 0 0/.18);border-radius:999px;background:oklch(100% 0 0/.07);color:inherit;padding:13px 17px;font:600 12px var(--sans);cursor:pointer;transition:.25s}.choice-row button[aria-pressed="true"],.addon-list button[aria-pressed="true"]{background:oklch(65% .2 250/.86);border-color:oklch(78% .13 240);box-shadow:0 12px 30px oklch(45% .2 250/.26),inset 0 1px 0 oklch(100% 0 0/.48)}.range-label{margin-top:40px}.range-label output{color:var(--blue)}input[type="range"]{padding:0;box-shadow:none;accent-color:var(--blue);background:transparent}.field-help{font-size:12px}.addon-list{display:grid;gap:8px}.addon-list button{display:flex;justify-content:space-between;text-align:left;border-radius:17px}.addon-list span{color:oklch(75% .03 250)}.price-summary{position:sticky;top:95px}.price-summary>strong{display:block;font-size:clamp(42px,5vw,68px);letter-spacing:-.055em;margin:26px 0 10px}.price-summary>p:not(.kicker){color:oklch(72% .025 260);font-size:12px}.price-summary ul{list-style:none;padding:30px 0;margin:30px 0;border-block:1px solid oklch(100% 0 0/.14)}.price-summary li{padding:8px 0;color:oklch(84% .02 260);font-size:13px}.price-summary li:before{content:"↗";color:var(--blue);margin-right:10px}
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 20px}.case-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px;box-shadow:var(--shadow);transition:transform .45s cubic-bezier(.22,1,.36,1)}.case-card:hover img{transform:scale(.985)}.case-card>div{display:grid;grid-template-columns:1fr auto;gap:5px 20px;padding:18px 5px}.case-card h3{font-size:24px;margin:0}.case-card p{margin:0;color:var(--muted)}.case-card strong{grid-column:2;grid-row:1/3;align-self:center;color:var(--blue);font:600 11px var(--mono)}
.process-section{background:oklch(97% .012 245/.55)}.process-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:70px .7fr 1fr;gap:30px;align-items:start;padding:36px 0;border-bottom:1px solid var(--line)}.process-list span{font:10px var(--mono);color:var(--blue)}.process-list h3{font-size:24px;margin:0}.process-list p{margin:0;color:var(--muted);line-height:1.7}
.faq-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:9vw}.faq-intro h2{font-size:clamp(48px,5.5vw,80px)}.faq-intro>p:last-child{color:var(--muted);line-height:1.7}.faq-intro a{text-decoration:underline}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0}summary{cursor:pointer;list-style:none;padding:25px 42px 25px 0;font-size:18px;font-weight:650;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:4px;top:22px;color:var(--blue);font-size:23px;transition:transform .25s}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--muted);line-height:1.75;margin:0;padding:0 50px 28px 0}
.request-section{background:linear-gradient(135deg,oklch(88% .075 238/.78),oklch(94% .06 300/.62))}.request-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px 8vw}.contact-copy{grid-column:1/-1;max-width:900px}.contact-copy h2{font-size:clamp(50px,6vw,88px)}.contact-copy>p:last-child{font-size:18px;line-height:1.7;color:var(--muted)}.budget{border:0}.budget legend{margin-bottom:12px}.budget .choice-row button{color:var(--fg);border-color:oklch(80% .02 255/.55);background:oklch(100% 0 0/.36)}.budget .choice-row button[aria-pressed="true"]{background:var(--blue);color:white}.form-note{font-size:11px;color:var(--muted);line-height:1.5}form .btn{border:1px solid var(--glass-border)}.direct-card{padding:36px;display:flex;flex-direction:column;align-self:start;gap:14px}.direct-card h3{font-size:30px;margin:0 0 6px}.direct-card p{color:var(--muted);line-height:1.7}.direct-card a{border-bottom:1px solid var(--line);padding-bottom:12px;font-size:13px}.direct-card strong{margin-top:38px;line-height:1.6}
.legal-page{padding-block:140px 120px}.legal-page .page-hero{padding-block:40px 80px}.legal-copy{max-width:880px}.legal-copy section{margin-bottom:55px}.legal-copy h2{font-size:28px;letter-spacing:-.035em;margin-bottom:15px}.legal-copy p{color:var(--muted);font-size:16px;line-height:1.8}.legal-copy a{text-decoration:underline}
.portfolio-list{display:grid;gap:75px}.portfolio-item{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px);align-items:center}.portfolio-item:nth-child(even) img{order:2}.portfolio-item img{width:100%;border-radius:30px;box-shadow:var(--shadow)}.portfolio-item h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.055em;margin:20px 0}.portfolio-item .tag{font:10px var(--mono);color:var(--blue);text-transform:uppercase}.portfolio-item p{color:var(--muted);line-height:1.75}.portfolio-item strong{display:block;margin-top:25px;color:var(--blue)}
.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.package{padding:38px;display:flex;flex-direction:column;min-height:550px}.package.featured{background:linear-gradient(145deg,oklch(25% .04 260/.9),oklch(12% .025 260/.86));color:white}.package h2{font-size:13px;font-family:var(--mono);color:var(--blue);letter-spacing:.12em}.package .package-price{font-size:36px;font-weight:700;letter-spacing:-.04em;margin:35px 0 7px}.package>p{color:var(--muted);line-height:1.7}.package ul{list-style:none;padding:25px 0;margin:25px 0}.package li{padding:8px 0;font-size:13px;color:var(--muted)}.package li:before{content:"↗";color:var(--blue);margin-right:9px}.package .btn{margin-top:auto}
.cookie-panel{position:fixed;z-index:50;left:50%;bottom:24px;transform:translateX(-50%);width:min(620px,calc(100% - 28px));padding:24px;transition:opacity .3s,transform .3s}.cookie-panel h2{font-size:16px;margin:0 0 8px}.cookie-panel p{font-size:12px;color:var(--muted);line-height:1.6}.cookie-panel p a{text-decoration:underline}.cookie-panel>div{display:flex;gap:8px}.cookie-panel .btn{flex:1;min-width:0;padding:12px 15px}.cookie-panel.hidden{opacity:0;pointer-events:none;transform:translate(-50%,20px)}
footer .foot>div:first-child p{max-width:420px;color:oklch(70% .02 260);line-height:1.7}footer .foot>div:first-child small{max-width:420px}.foot .logo{margin-bottom:12px}.foot span{font-size:13px;color:oklch(70% .02 260)}
@media(max-width:900px){.studio-hero{grid-template-columns:1fr;padding-top:150px}.device-shot{transform:none}.benefit-grid,.calculator-grid,.faq-section,.request-grid,.portfolio-item{grid-template-columns:1fr}.price-summary{position:relative;top:0}.packages{grid-template-columns:1fr}.portfolio-item:nth-child(even) img{order:0}.request-grid{gap:30px}.contact-copy{grid-column:auto}.case-card>div{grid-template-columns:1fr}.case-card strong{grid-column:auto;grid-row:auto}.process-list li{grid-template-columns:45px 1fr}.process-list p{grid-column:2}.row-head{align-items:start;flex-direction:column}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.content-section{padding-block:80px}.studio-hero h1{font-size:49px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-stats dd{font-size:13px}.benefit-grid,.case-grid{grid-template-columns:1fr}.benefit-grid article{min-height:260px;padding:28px}.choice-row{display:grid;grid-template-columns:1fr}.calculator,.price-summary{padding:24px}.addon-list button{gap:15px}.faq-section{gap:35px}.process-list li{grid-template-columns:35px 1fr;gap:18px}.portfolio-item{gap:25px}.legal-page{padding-top:120px}.cookie-panel>div{flex-direction:column}.foot{grid-template-columns:1fr}.legal{gap:18px;align-items:flex-start;flex-direction:column}}

/* Warm cream palette from the reference site */
:root{
  --bg:#faf7f0;
  --fg:#1c1915;
  --blue:#70b8e8;
  --blue-soft:#e4f3fc;
  --muted:#746f66;
  --line:rgba(71,61,45,.13);
  --dark:#1d1915;
  --shadow:0 34px 90px rgba(71,55,31,.13);
  --glass-fill:rgba(255,252,245,.42);
  --glass-fill-strong:rgba(255,251,242,.7);
  --glass-border:rgba(255,255,255,.76);
  --glass-shadow:0 20px 55px rgba(80,62,34,.12),inset 0 1px 1px rgba(255,255,255,.96),inset 0 -1px 1px rgba(150,115,62,.13),inset 5px 6px 12px rgba(255,255,255,.24),inset -6px -7px 14px rgba(155,116,54,.07)
}
body{background:radial-gradient(circle at 8% 4%,rgba(233,207,153,.25),transparent 31rem),radial-gradient(circle at 92% 22%,rgba(225,190,125,.16),transparent 34rem),linear-gradient(125deg,#fcf9f2,#f8f3e9 50%,#fbf7ef)}
header{background:linear-gradient(135deg,rgba(255,252,245,.72),rgba(235,221,193,.53));box-shadow:0 18px 48px rgba(75,57,30,.12),inset 0 1px 1px rgba(255,255,255,.96),inset 0 -1px 1px rgba(155,118,58,.12)}
header:after,.btn:after,.head-cta:after,.section-head a:after,.split a:after,.service-list article>a:after,.steps>div:after,.price:after,form:after,.contact-copy>a:after,.menu:after,.mobile:after{background:radial-gradient(220px circle at var(--glass-x) var(--glass-y),rgba(255,255,255,.84),rgba(255,250,238,.2) 22%,transparent 52%),linear-gradient(128deg,rgba(255,255,255,.58),transparent 28%,transparent 68%,rgba(199,151,60,.13))}
.head-cta{background:linear-gradient(135deg,rgba(255,253,248,.62),rgba(220,193,142,.25))}
.site-notice{background:linear-gradient(135deg,rgba(233,217,186,.88),rgba(211,185,135,.7));color:#332a1f;box-shadow:0 12px 28px rgba(74,56,30,.12),inset 0 -1px 0 rgba(255,255,255,.42)}
.site-notice i,.eyebrow i{background:var(--blue)}
.studio-hero h1 em{color:var(--fg)}
.glass-card{background:linear-gradient(145deg,rgba(255,253,247,.7),rgba(235,221,193,.32))}
.btn.dark{background:linear-gradient(135deg,rgba(43,35,27,.94),rgba(23,19,15,.91))}
.calculator-section{background:linear-gradient(135deg,#201a15,#33271b);color:white}
.choice-row button[aria-pressed="true"],.addon-list button[aria-pressed="true"]{background:linear-gradient(135deg,#8bcaf0,#62afe3);border-color:#b9dff7;box-shadow:0 12px 30px rgba(78,157,209,.2),inset 0 1px 0 rgba(255,255,255,.58)}
.process-section{background:rgba(244,236,220,.66)}
.request-section{background:linear-gradient(135deg,rgba(238,221,187,.78),rgba(250,244,231,.88))}
.cta{background:linear-gradient(135deg,#91cef3,#65b3e6)}
.package.featured{background:linear-gradient(145deg,rgba(48,38,28,.96),rgba(25,20,16,.94))}

/* Soft, clean light-blue accent */
.cta{background:linear-gradient(135deg,#91cef3,#65b3e6)}
.choice-row button[aria-pressed="true"],.addon-list button[aria-pressed="true"]{background:linear-gradient(135deg,#8bcaf0,#62afe3);border-color:#b9dff7;box-shadow:0 12px 30px rgba(78,157,209,.2),inset 0 1px 0 rgba(255,255,255,.58)}

/* Full-width, conventional header */
header,
header.liquid-draggable{
  width:100%!important;
  max-width:none;
  margin:0;
  border-radius:0!important;
  border-top:0;
  border-left:0;
  border-right:0;
}
@media(max-width:900px){header,header.liquid-draggable{width:100%!important;border-radius:0!important}}

/* Neutral cream surfaces and true black dark areas */
:root{
  --bg:#fbfaf7;
  --fg:#111111;
  --dark:#050505;
  --glass-fill:rgba(255,255,253,.44);
  --glass-fill-strong:rgba(255,255,253,.72);
  --shadow:0 34px 90px rgba(0,0,0,.11);
  --glass-shadow:0 20px 55px rgba(0,0,0,.1),inset 0 1px 1px rgba(255,255,255,.98),inset 0 -1px 1px rgba(0,0,0,.08),inset 5px 6px 12px rgba(255,255,255,.26),inset -6px -7px 14px rgba(0,0,0,.035)
}
body{background:linear-gradient(125deg,#fdfcf9,#f8f7f3 52%,#fcfbf8)}
header{background:linear-gradient(135deg,rgba(255,255,253,.76),rgba(239,239,235,.58));box-shadow:0 18px 48px rgba(0,0,0,.1),inset 0 1px 1px rgba(255,255,255,.98),inset 0 -1px 1px rgba(0,0,0,.08)}
header:after,.btn:after,.head-cta:after,.section-head a:after,.split a:after,.service-list article>a:after,.steps>div:after,.price:after,form:after,.contact-copy>a:after,.menu:after,.mobile:after{background:radial-gradient(220px circle at var(--glass-x) var(--glass-y),rgba(255,255,255,.88),rgba(255,255,255,.18) 22%,transparent 52%),linear-gradient(128deg,rgba(255,255,255,.62),transparent 28%,transparent 68%,rgba(0,0,0,.05))}
.head-cta{background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(232,232,228,.35))}
.site-notice{background:linear-gradient(135deg,rgba(235,235,231,.9),rgba(216,216,211,.78));color:#202020;box-shadow:0 12px 28px rgba(0,0,0,.1),inset 0 -1px 0 rgba(255,255,255,.5)}
.glass-card{background:linear-gradient(145deg,rgba(255,255,253,.74),rgba(235,235,231,.35))}
.btn.dark{background:linear-gradient(135deg,rgba(20,20,20,.97),rgba(0,0,0,.95))}
.calculator-section{background:linear-gradient(135deg,#050505,#111111);color:white}
.process-section{background:rgba(244,243,239,.72)}
.request-section{background:linear-gradient(135deg,rgba(241,240,236,.9),rgba(253,252,249,.94))}
.package.featured{background:linear-gradient(145deg,#111,#020202)}
footer{background:#050505}

/* Primary buttons: minimal, restrained reflection */
.btn.dark:before{
  display:block!important;
  height:24%;
  opacity:.1;
  background:linear-gradient(180deg,rgba(255,255,255,.42),transparent);
}
.btn.dark:after{
  display:block!important;
  opacity:.07!important;
  mix-blend-mode:screen;
  transition:opacity .25s ease;
}
.btn.dark:hover:after,
.btn.dark.liquid-tracking:after{
  opacity:.12!important;
}
.btn.dark{
  background:#050505;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
.btn.dark:hover{
  background:#000;
  box-shadow:0 16px 34px rgba(0,0,0,.23)!important;
}
button,.btn,.head-cta,.inline-link,.glass-card{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.liquid-tap-wave{position:absolute!important;z-index:12!important;inset:0!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;border-radius:inherit!important;background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)!important;pointer-events:none!important;clip-path:circle(0 at var(--tap-x) var(--tap-y));animation:liquid-tap-wave .48s cubic-bezier(.2,.75,.25,1) forwards!important}
@keyframes liquid-tap-wave{0%{opacity:.15;clip-path:circle(0 at var(--tap-x) var(--tap-y))}82%{opacity:.075;clip-path:circle(var(--tap-radius) at var(--tap-x) var(--tap-y))}100%{opacity:0;clip-path:circle(var(--tap-radius) at var(--tap-x) var(--tap-y))}}

/* Polished mobile header and menu */
@media(max-width:900px){
  header{grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px;padding:0 10px 0 16px!important}
  header>.head-cta{display:inline-flex!important;align-items:center;justify-content:center;min-width:0;padding:10px 12px;font-size:10px;white-space:nowrap;background:#fff!important;border-color:rgba(112,184,232,.22)!important;box-shadow:0 8px 20px rgba(0,0,0,.08)!important}
  .menu{display:flex!important;position:relative;flex:0 0 40px;gap:0!important;background:#fff!important;border-color:rgba(112,184,232,.2)!important;box-shadow:0 8px 20px rgba(0,0,0,.08),inset 0 1px 0 #fff!important}
  .menu span{position:absolute;left:50%;top:50%;width:17px;height:1.5px;border-radius:99px;background:#111;transform-origin:center;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .22s ease!important}
  .menu span:first-child{transform:translate(-50%,-4px)}
  .menu span:last-child{transform:translate(-50%,4px)}
  .menu[aria-expanded="true"] span:first-child{transform:translate(-50%,0) rotate(45deg)}
  .menu[aria-expanded="true"] span:last-child{transform:translate(-50%,0) rotate(-45deg)}
  .mobile{top:70px;left:10px;right:10px;background:#fff!important;border-color:rgba(112,184,232,.16)!important;box-shadow:0 22px 60px rgba(0,0,0,.14)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform-origin:top right}
  .mobile a{background:#fff;border:1px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease}
  .mobile a:hover,.mobile a[aria-current="page"]{background:#eef7fd!important;border-color:#dbeefb;color:#348fc9}
}
@media(max-width:370px){header{gap:6px!important;padding-inline:12px 8px!important}.logo{font-size:13px}header>.head-cta{padding:9px 9px;font-size:9px}.menu{flex-basis:38px;width:38px;height:38px}}

/* Stable mobile menu icon */
@media(max-width:900px){
  .menu,.menu.liquid-draggable{transform:none!important;overflow:hidden;cursor:pointer!important;touch-action:manipulation}
  .menu:after,.menu .liquid-tap-wave{display:none!important}
  .menu span{z-index:2;left:50%;top:50%;margin:0;will-change:transform;transform-origin:50% 50%;transition:transform .32s cubic-bezier(.22,1,.36,1)!important}
  .menu span:first-child{transform:translate3d(-50%,-4px,0) rotate(0deg)}
  .menu span:last-child{transform:translate3d(-50%,4px,0) rotate(0deg)}
  .menu[aria-expanded="true"] span:first-child{transform:translate3d(-50%,0,0) rotate(45deg)}
  .menu[aria-expanded="true"] span:last-child{transform:translate3d(-50%,0,0) rotate(-45deg)}
}

/* Real portfolio references */
.case-brand,.portfolio-brand{display:grid;place-items:center;overflow:hidden;aspect-ratio:4/3;border-radius:28px;box-shadow:var(--shadow)}
.case-brand span,.portfolio-brand span{font-weight:850;letter-spacing:-.08em;line-height:1}
.case-brand span{font-size:clamp(62px,10vw,132px)}
.portfolio-brand span{font-size:clamp(72px,12vw,170px)}
.case-brand-wok,.portfolio-brand-wok{color:#fff;background:linear-gradient(145deg,#ff6038,#b71320)}
.case-brand-momo,.portfolio-brand-momo{color:#34204d;background:radial-gradient(circle at 30% 20%,#fff8d8,#f1bbdc 48%,#aa8be8)}
.portfolio-brand{border-radius:30px}
.portfolio-item:nth-child(even) .portfolio-brand{order:2}
@media(max-width:900px){.portfolio-item:nth-child(even) .portfolio-brand{order:0}}

/* Typography and background matched to the selected reference */
:root{
  --sans:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --bg:#fcfaf7;
}
body{
  background:#fcfaf7;
  background:oklch(98.71% .006 90);
  font-family:var(--sans);
  font-optical-sizing:auto;
}