:root{--bg: #e3e3ff;--ink: #1d1d1d;--white: #ffffff;--muted: #55555c;--border: #1d1d1d;--tint-yellow: #ffe7a9;--tint-blue: #e3f2ff;--tint-rose: #fbebea;--tint-mint: #dbf5f0;--tint-pink: #ffe3fb;--tint-lavender: #e3e3ff;--tint-lime: #e9fac0;--r-sm: 12px;--r-md: 20px;--r-lg: 28px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,sans-serif;line-height:1.55;color:var(--ink);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg)}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:800;letter-spacing:-.03em;line-height:1.1}.app{overflow-x:hidden}main{max-width:1200px;margin:0 auto;padding:0 1.5rem}.tint-yellow{background:var(--tint-yellow)}.tint-blue{background:var(--tint-blue)}.tint-rose{background:var(--tint-rose)}.tint-mint{background:var(--tint-mint)}.tint-pink{background:var(--tint-pink)}.tint-lavender{background:var(--tint-lavender)}.tint-lime{background:var(--tint-lime)}.btn{display:inline-block;padding:.8rem 1.6rem;background:var(--white);color:var(--ink);border:1px solid var(--border);border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 2px #1d1d1d33;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 4px #1d1d1d33}.btn-light{background:var(--white)}.btn-outline{box-shadow:none}.navbar{position:sticky;top:1rem;z-index:50;padding:0 1rem}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem .8rem 1.6rem;background:var(--white);border:1px solid var(--border);border-radius:18px}.nav-logo{font-size:1.5rem;font-weight:500;letter-spacing:-.02em}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0;font-size:.95rem;font-weight:700}.nav-links a{transition:opacity .15s ease}.nav-links a:hover{opacity:.6}.nav-socials{display:flex;gap:.5rem}.nav-social{width:38px;height:38px;display:grid;place-items:center;background:var(--white);border:1px solid var(--border);border-radius:10px;font-size:.85rem;font-weight:700;transition:transform .15s ease,background .15s ease}.nav-social:hover{transform:translateY(-2px);background:var(--tint-lavender)}.hero{position:relative;text-align:center;padding:7rem 1rem 3rem}.hero-title{font-size:clamp(2.6rem,8vw,5.5rem);font-weight:800;letter-spacing:-.04em;margin:0 auto 2rem;line-height:1.05}.hero-face{display:inline-block;margin:0 .12em;font-size:.82em;vertical-align:-.06em}.hero-sub{max-width:54ch;margin:0 auto;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:600;line-height:1.5}.hero-sub strong{font-weight:800}.hero-sticker{position:absolute;padding:.55rem 1.2rem;border:1px solid var(--border);border-radius:999px;font-size:.9rem;font-weight:700;white-space:nowrap}.sticker-left{left:6%;top:34%;transform:rotate(-8deg)}.sticker-right{right:5%;top:52%;transform:rotate(6deg)}.deck{position:relative;height:380px;margin:2rem auto 3rem;max-width:460px}.deck-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.7rem;padding:2.5rem;background:var(--white);border:1px solid var(--border);border-radius:24px;transition:transform .25s ease}.deck-0{transform:rotate(-5deg) translate(-14px);z-index:1}.deck-1{transform:rotate(3deg) translate(10px);z-index:2}.deck-2{transform:rotate(-1deg);z-index:3;background:var(--white)}.deck-card:hover{transform:rotate(0) translateY(-8px);z-index:5}.deck-card h3{font-size:1.6rem;margin:0}.deck-card p{margin:0;font-weight:600;color:var(--muted);max-width:30ch}.deck-arrow{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--tint-mint);font-size:1.1rem;margin-top:.5rem}.deck-0 .deck-arrow{background:var(--tint-mint)}.deck-1 .deck-arrow{background:var(--tint-yellow)}.deck-2 .deck-arrow{background:var(--tint-pink)}.section{padding:5rem 0}.section-head{text-align:center;margin-bottom:3.5rem}.section-head h2{font-size:clamp(2.2rem,5vw,3.4rem);margin:0 0 1rem}.section-head p{font-weight:600;color:var(--muted);max-width:52ch;margin:0 auto;font-size:1.05rem}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}.work-card{display:flex;flex-direction:column;padding:1.1rem 1.1rem 1.4rem;background:var(--white);border:1px solid var(--border);border-radius:22px;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.work-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #1d1d1d1a}.work-thumb{position:relative;aspect-ratio:4 / 3;border-radius:16px;overflow:hidden;display:grid;place-items:center;font-weight:800;font-size:1.3rem;color:#1d1d1d8c}.work-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;transition:transform .45s ease}.work-thumb.fit-cover img{object-fit:cover}.work-thumb.fit-contain img{object-fit:contain;padding:.7rem}.work-card:hover .work-thumb img{transform:scale(1.05)}.work-body{padding:1.1rem .4rem .2rem}.work-body-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.work-body h3{font-size:1.5rem;margin:0}.work-arrow{font-size:1.2rem;color:var(--muted);transition:transform .2s ease,color .2s ease}.work-card:hover .work-arrow{transform:translate(3px,-3px);color:var(--ink)}.work-category{display:block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:.5rem}.work-card-soon{cursor:default;border-style:dashed}.work-card-soon:hover{transform:none;box-shadow:none}.soon-badge{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.5rem 1rem;border:1px dashed var(--border);border-radius:999px;background:#ffffff80}.process-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:start}.process-intro{position:sticky;top:7rem}.process-intro h2{font-size:clamp(2.2rem,4.5vw,3.2rem);margin:0 0 1.2rem}.process-intro p{font-weight:600;color:var(--muted);font-size:1.05rem;max-width:46ch}.process-cards{display:flex;flex-direction:column;gap:1.2rem}.process-card{border:1px solid var(--border);border-radius:20px;padding:2rem}.process-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}.process-icon{width:52px;height:52px;border:1px solid var(--border);border-radius:50%;background:var(--white)}.process-num{font-weight:800;font-size:1rem}.process-card h3{font-size:1.45rem;margin:0 0 .7rem}.process-card p{margin:0;font-weight:600;line-height:1.6;color:#1d1d1dbf}.stat-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;max-width:900px;margin:0 auto}.stat-pill{display:inline-flex;align-items:center;gap:1rem;padding:1.4rem 2.2rem;background:var(--white);border:1px solid var(--border);border-radius:999px}.stat-value{font-size:2.6rem;font-weight:900;letter-spacing:-.02em;-webkit-text-stroke:1.5px var(--ink)}.tint-text-yellow{color:var(--tint-yellow)}.tint-text-blue{color:var(--tint-blue)}.tint-text-rose{color:var(--tint-rose)}.tint-text-mint{color:var(--tint-mint)}.tint-text-pink{color:var(--tint-pink)}.tint-text-lime{color:var(--tint-lime)}.stat-pill span{font-weight:600;color:var(--muted);font-size:.95rem;max-width:16ch;line-height:1.35}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.about-visual{position:relative}.about-photos{position:relative;min-height:660px}.photo-card{position:absolute;margin:0;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:.55rem .55rem 2.3rem;box-shadow:0 12px 28px #1d1d1d1f;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.photo-card img{display:block;width:100%;object-fit:cover;border-radius:9px}.photo-card figcaption{position:absolute;left:0;right:0;bottom:.45rem;text-align:center;font-family:Caveat,cursive;font-size:1.25rem;color:var(--ink)}.photo-0{width:48%;top:0;left:0;transform:rotate(-6deg);z-index:2}.photo-0 img{aspect-ratio:4 / 5}.photo-1{width:54%;top:5%;right:0;transform:rotate(4deg);z-index:1}.photo-1 img{aspect-ratio:4 / 3}.photo-2{width:50%;bottom:0;left:3%;transform:rotate(-4deg);z-index:3}.photo-2 img{aspect-ratio:3 / 4}.photo-3{width:48%;bottom:7%;right:2%;transform:rotate(5deg);z-index:4}.photo-3 img{aspect-ratio:3 / 4}.photo-card:before{content:"";position:absolute;z-index:6;width:42%;height:24px;top:-11px;left:50%;transform:translate(-50%) rotate(-3deg);background:#ffa0c89e;border-radius:2px;box-shadow:0 2px 5px #1d1d1d14}.photo-0:before{left:26%;transform:rotate(-16deg);background:#96aaff8c}.photo-1:before{left:auto;right:12%;transform:rotate(9deg);width:38%;background:repeating-linear-gradient(45deg,rgba(29,29,29,.55) 0 3px,transparent 3px 8px),#ffffffb8}.photo-2:before,.photo-3:before{display:none}.photo-card:hover:before{opacity:0}.photo-card:hover{transform:rotate(0) scale(1.06);box-shadow:0 18px 40px #1d1d1d33;z-index:10}@media (prefers-reduced-motion: reduce){.photo-card,.photo-card:hover{transition:none;transform:none}}.badge{position:absolute;right:-1.6rem;bottom:3rem;width:108px;height:108px;background:var(--tint-yellow);border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;z-index:6}.badge-text{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:spin 16s linear infinite}.badge-text text{font-size:9.5px;font-weight:700;letter-spacing:.08em;fill:var(--ink)}.badge-icon{font-size:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.about-text h2{font-size:clamp(2.2rem,5vw,3.4rem);margin:0 0 1.4rem}.about-text p{font-weight:600;color:#1d1d1dbf;line-height:1.65;margin:0 0 1.1rem}.about-skills{margin-top:4rem}.about-skills-head{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.about-skills-head h3{font-size:clamp(1.4rem,3vw,1.9rem);margin:0;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.about-skills-rule{flex:1;height:1px;background:var(--ink)}.skill-pills{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.skill-pill{display:flex;align-items:center;gap:1.1rem;padding:.9rem 1.6rem;background:var(--white);color:var(--ink);border:1px solid var(--border);border-radius:999px;font-weight:600;font-size:1.1rem}.skill-pill-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0}.cap-tags{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:860px;margin:0 auto}.cap-tag{padding:.9rem 1.8rem;background:var(--white);border:1px solid var(--border);border-radius:999px;font-size:1.05rem;font-weight:700}.getintouch{max-width:1080px;margin:4rem auto 0;padding:0 1.5rem}.gt-card{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:2.6rem;background:var(--white);border:1px solid var(--border);border-radius:24px;padding:2.6rem}.gt-info h2{font-size:clamp(1.4rem,2.4vw,1.8rem);font-weight:800}.gt-info-sub{color:var(--muted);font-weight:600;margin:.6rem 0 1.8rem;max-width:32ch}.gt-details{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.1rem}.gt-details li{display:flex;flex-direction:column;gap:.15rem}.gt-details strong{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.gt-details a,.gt-details li>span:last-child{font-size:1rem;font-weight:700;color:var(--ink);text-decoration:none;width:fit-content}.gt-details a:hover{text-decoration:underline}.gt-seal{display:inline-block;margin-top:1.8rem;padding:.4rem .9rem;border-radius:999px;background:var(--tint-yellow);border:1px solid var(--border);font-size:.78rem;font-weight:800}.gt-form{display:flex;flex-direction:column;gap:1.3rem}.gt-field{display:flex;flex-direction:column;gap:.35rem}.gt-field span{font-size:.78rem;font-weight:700;color:var(--muted)}.gt-field input,.gt-field textarea{border:none;border-bottom:1.5px solid var(--border);background:transparent;padding:.5rem 0;font:inherit;font-size:.95rem;color:var(--ink);outline:none;border-radius:0;resize:vertical}.gt-field input::placeholder,.gt-field textarea::placeholder{color:#1d1d1d66}.gt-field input:focus,.gt-field textarea:focus{border-bottom-color:var(--accent, #4a5ae9)}.gt-form .btn{align-self:flex-start;margin-top:.4rem}.faq{max-width:720px;margin:4rem auto 0}.faq-head{text-align:center;margin-bottom:1.8rem}.faq-head h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.faq-head p{color:var(--muted);font-weight:600;margin-top:.5rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:1.1rem 1.4rem}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;font-weight:800;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-mark{position:relative;flex-shrink:0;width:16px;height:16px}.faq-mark:before,.faq-mark:after{content:"";position:absolute;background:var(--ink)}.faq-mark:before{left:0;top:7px;width:16px;height:2px}.faq-mark:after{left:7px;top:0;width:2px;height:16px}.faq-item[open] .faq-mark:after{display:none}.faq-item>p{margin:.9rem 0 0;color:var(--muted);font-weight:600;line-height:1.55}.contact{background:var(--ink);color:var(--white);padding:7rem 1.5rem 2.5rem;margin-top:4rem}.contact-inner{max-width:1200px;margin:0 auto;text-align:center}.chat-bubble{font-size:2.4rem;display:inline-block;margin-bottom:1.2rem}.contact-title{font-size:clamp(2.6rem,7vw,5rem);margin:0 0 1.2rem;letter-spacing:-.03em}.contact-sub{color:#ffffffbf;font-weight:600;max-width:46ch;margin:0 auto 2.4rem;font-size:1.1rem}.contact-cta{display:flex;align-items:center;justify-content:center;gap:1rem}.handwritten{font-family:Caveat,cursive;font-size:1.5rem;color:#ffffffbf;transform:rotate(-4deg)}.footer{margin-top:5rem;padding-top:1.8rem;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.88rem;font-weight:500;color:#fff9}.footer-links{display:flex;gap:1.4rem}.footer-links a:hover{color:var(--white)}.case-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--bg);overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .3s ease}.case-overlay.open{opacity:1;pointer-events:auto}body.case-open{overflow:hidden}.case-topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;background:var(--white);border-bottom:1px solid var(--border)}.case-back-btn{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;font:inherit;font-size:.95rem;font-weight:700;color:var(--ink);cursor:pointer}.case-back-arrow{transition:transform .2s ease}.case-back-btn:hover .case-back-arrow{transform:translate(-3px)}.case-nav-meta{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.case-body{max-width:900px;margin:0 auto;padding:3.5rem 1.5rem 0}.case-eyebrow{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.4rem}.case-title{font-size:clamp(2.1rem,5vw,3.4rem);margin:0 0 1.4rem;max-width:20ch}.case-title em,.case-sec-h em,.case-callout em,.case-card p em,.case-sec-body em,.impact-label em{font-style:italic}.case-sub{font-size:1.15rem;font-weight:600;color:var(--muted);max-width:58ch;margin:0 0 3rem}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-bottom:4rem}.case-meta-block{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.2rem}.case-meta-block h6{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .45rem}.case-meta-block p{font-size:.9rem;font-weight:600;margin:0}.case-sec{margin-bottom:4.5rem}.case-sec-eyebrow{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.case-sec-h{font-size:clamp(1.6rem,3.2vw,2.3rem);margin:0 0 1.4rem;max-width:24ch}.case-sec-body p{font-size:1.04rem;font-weight:500;line-height:1.7;color:#1d1d1dcc;max-width:68ch;margin:0 0 1.2rem}.case-sec-body strong{font-weight:800;color:var(--ink)}.case-callout{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:800;text-align:center;background:var(--white);border:1px solid var(--border);border-radius:20px;padding:2.4rem 2rem;margin:2.4rem 0}.case-palette{display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:1.8rem}.swatch{display:flex;flex-direction:column;gap:.4rem}.swatch-chip{width:104px;height:104px;border-radius:16px;border:1px solid var(--border);display:block}.swatch strong{font-size:.95rem}.swatch-hex{font-size:.8rem;font-weight:600;letter-spacing:.03em;color:var(--muted);font-variant-numeric:tabular-nums}.case-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2rem}.case-card{padding:1.8rem;border:1px solid var(--border);border-radius:18px}.case-card h4{font-size:1.1rem;line-height:1.3;margin:0 0 .5rem}.case-card-meta{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#1d1d1d8c;margin:0 0 .9rem}.case-card p:last-child{font-size:.95rem;font-weight:600;color:#1d1d1dbf;margin:0;line-height:1.55}.case-impact{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:2rem 0 3rem}.impact-card{padding:1.8rem;border:1px solid var(--border);border-radius:18px;min-height:230px;display:flex;flex-direction:column}.impact-0{background:var(--ink);color:var(--white)}.impact-1{background:var(--tint-yellow)}.impact-2{background:var(--tint-mint)}.impact-num{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:1.2rem}.impact-stat{font-size:2.2rem;font-weight:900;letter-spacing:-.02em;margin-bottom:.6rem}.impact-label{font-size:.9rem;font-weight:600;line-height:1.5;margin:auto 0 0;opacity:.9}.case-sec-note{font-size:.9rem;font-weight:600;color:var(--muted);margin:-.8rem 0 1.6rem}.case-sec-wide{width:min(1280px,94vw);margin-left:50%;transform:translate(-50%)}.case-compare{display:flex;flex-direction:column;gap:3rem;margin-top:2rem}.compare-label{font-size:1.1rem;font-weight:800;margin-bottom:1rem}.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.screen-mockup{margin:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--white);box-shadow:0 10px 30px #1d1d1d12}.mockup-bar{display:flex;align-items:center;gap:.7rem;padding:.6rem .9rem;border-bottom:1px solid var(--border);background:var(--bg)}.mockup-dots{display:inline-flex;gap:.35rem;flex-shrink:0}.mockup-dots i{width:11px;height:11px;border-radius:50%;background:#d6d6de}.mockup-url{flex:1;min-width:0;font-size:.76rem;font-weight:600;color:var(--muted);background:var(--white);border:1px solid var(--border);border-radius:999px;padding:.25rem .8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-tag{flex-shrink:0;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .75rem;border-radius:999px}.tag-before{color:var(--muted);border:1px solid var(--border)}.tag-after{color:#fff;background:var(--ink)}.mockup-viewport{height:440px;overflow-y:auto;overflow-x:hidden;background:var(--bg-soft, #f0ede6);scrollbar-width:thin;scrollbar-color:var(--ink-mute, #b8b4ac) transparent}.mockup-viewport img{width:100%;display:block}.mockup-viewport::-webkit-scrollbar{width:8px}.mockup-viewport::-webkit-scrollbar-thumb{background:#1d1d1d47;border-radius:4px}.case-showcase{display:flex;justify-content:center;margin-top:2rem}.showcase-mockup{width:min(620px,100%)}.showcase-viewport{height:560px}.case-slides{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;margin-top:1.6rem}.case-shot{margin:0}.case-shot img{width:100%;display:block;border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 30px #1d1d1d12}.case-shot figcaption{margin-top:.8rem}.case-shot figcaption strong{display:block;font-size:1rem;font-weight:800}.case-shot figcaption span{font-size:.85rem;font-weight:600;color:var(--muted)}.web-group{margin-top:2.6rem}.web-group-title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 1.1rem}.case-web{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem 1.4rem;margin-top:1.2rem}.web-shot{margin:0}.web-img{width:100%;display:block}.web-cap{margin-top:.9rem}.web-cap strong{display:block;font-size:1rem;font-weight:800}.web-cap span{font-size:.85rem;font-weight:600;color:var(--muted)}.showcase-stage{position:relative;margin-top:2rem;height:clamp(430px,58vw,600px);border:1px solid var(--border);border-radius:20px;overflow:hidden;background:radial-gradient(60% 50% at 18% 16%,rgba(116,128,255,.18),transparent 62%),radial-gradient(50% 42% at 82% 28%,rgba(255,158,202,.16),transparent 62%),linear-gradient(180deg,#f6f6ff,#fdf4f9)}.showcase-word{position:absolute;left:50%;bottom:-1.5%;transform:translate(-50%);font-size:clamp(4.2rem,15vw,9.5rem);font-weight:900;letter-spacing:-.02em;line-height:1;white-space:nowrap;color:#444ce71a;-webkit-user-select:none;user-select:none;pointer-events:none}.showcase-phone{position:absolute;width:min(240px,38%);filter:drop-shadow(0 26px 36px rgba(29,29,29,.2));opacity:0;transition:opacity .9s ease;animation:showcase-float 7s ease-in-out infinite}.in-view .showcase-phone{opacity:1}.showcase-phone-0{left:50%;top:7%;width:min(250px,40%);transform:translate(-50%);z-index:2}.showcase-phone-1{left:10%;top:16%;width:min(215px,34%);transform:rotate(-9deg);transition-delay:.2s;animation-delay:-2.4s}.showcase-phone-2{right:10%;top:26%;width:min(215px,34%);transform:rotate(8deg);transition-delay:.4s;animation-delay:-4.8s}@keyframes showcase-float{0%,to{translate:0 0}50%{translate:0 -16px}}.device{display:block;padding:7px;background:#101014;border-radius:34px;box-shadow:0 0 0 2.5px #cfcfd8,inset 0 1px 2px #ffffff38}.device img{display:block;width:100%;border-radius:27px}.device:before{content:"";position:absolute;left:-5.5px;top:21%;width:3px;height:30px;border-radius:2px;background:#cfcfd8;box-shadow:0 42px #cfcfd8}.device:after{content:"";position:absolute;right:-5.5px;top:26%;width:3px;height:52px;border-radius:2px;background:#cfcfd8}@media (prefers-reduced-motion: reduce){.showcase-phone{animation:none;transition:none;opacity: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}.compare-table-wrap{margin-top:2rem;overflow-x:auto}.compare-table{width:100%;min-width:540px;border-collapse:separate;border-spacing:.5rem .5rem}.compare-table th,.compare-table td{text-align:center;padding:.9rem .6rem}.compare-table thead th{font-size:1rem;font-weight:800;color:var(--ink)}.compare-table .ct-corner{background:transparent}.compare-table .ct-feature{text-align:left;font-size:.98rem;font-weight:800;background:var(--tint-mint);border-radius:12px;padding-left:1.1rem;white-space:nowrap}.compare-table .ct-own{background:var(--ink);color:#fff;border-radius:12px}.compare-table tbody td{background:#1d1d1d08;border-radius:12px}.compare-table tbody td.ct-own{background:var(--ink)}.ct-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:1rem;font-weight:800;border:2px solid currentColor}.ct-yes{color:#1f9d61}.ct-own .ct-yes{color:#7fe3b0}.ct-no{color:#e0574f}.case-spreads{display:flex;flex-direction:column;align-items:center;gap:2.4rem;margin-top:2rem}.spread-shot{margin:0;width:100%}.spread-shot.is-cover{width:min(440px,72%)}.spread-shot img{width:100%;display:block;border:1px solid var(--border);border-radius:6px;box-shadow:0 12px 32px #1d1d1d24}.spread-shot figcaption{margin-top:.8rem;text-align:center;font-size:.85rem;font-weight:700;color:var(--muted)}.case-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:1.6rem}.case-gallery-tile{aspect-ratio:4 / 3;border:1px solid var(--border);border-radius:16px;padding:1.4rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.3rem}.case-gallery-tile strong{font-size:1rem;font-weight:800}.case-gallery-tile span{font-size:.85rem;font-weight:600;color:#1d1d1d99}.case-next{background:var(--ink);color:var(--white);text-align:center;padding:5rem 1.5rem;margin-top:3rem}.case-next-eyebrow{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff9;margin-bottom:1.2rem}.case-next-title{font-size:clamp(2rem,5vw,3.4rem);margin:0 0 1.8rem}@media (max-width: 820px){.nav-links,.hero-sticker{display:none}.deck{height:340px}.work-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr;gap:2.5rem}.process-intro{position:static}.about-grid{grid-template-columns:1fr;gap:3rem}.badge{right:.5rem;bottom:-1.2rem;width:96px;height:96px}.skill-pills{grid-template-columns:1fr}.contact-cta{flex-direction:column}.case-meta{grid-template-columns:repeat(2,1fr)}.case-cards,.case-impact,.case-gallery,.case-slides,.case-web,.gt-card,.compare-pair{grid-template-columns:1fr}.gt-card{padding:1.8rem}.case-sec-wide{width:100%;margin-left:0;transform:none}.mockup-viewport{height:340px}}
