:root{--ink:#1a1a1a;--secondary:#55524b;--muted:#8a877f;--white:#fff;--band:#fafaf8;--canvas:#f1f0eb;--border-strong:#e3e1db;--border-hairline:#eeece7;--frame-border:#d6d4ce;--button-border:#c9c7c1;--footer-secondary:#b3b0a8;--footer-hairline:#33312d;--footer-label:#8f8c85;--font-body:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, Menlo, Monaco, Consolas, monospace;--gutter:48px;--section-y:64px;--content-max:1280px;--radius-card:6px;--radius-frame:8px;--shadow-frame:0 1px 3px #0000000d}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth;background:var(--white)}body{color:var(--ink);background:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}body,button,input{font-family:var(--font-body)}a{color:inherit;text-underline-offset:3px}img,video{max-width:100%}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:3px}[hidden]{display:none!important}.page-canvas{width:min(100%, var(--content-max));margin-inline:auto;overflow:clip}.desktop-only{display:inline}.mobile-only{display:none}.body-copy{color:var(--secondary);font-size:15px;line-height:1.65}.mono-copy,.section-label{font-family:var(--font-mono)}.site-header{z-index:50;width:min(100%, var(--content-max));height:60px;padding:0 var(--gutter);border-bottom:1px solid var(--border-strong);background:#fffffffa;justify-content:space-between;align-items:center;margin-inline:auto;transition:height .16s,box-shadow .16s;display:flex;position:sticky;top:0}.site-header.is-scrolled{height:48px;box-shadow:0 1px 5px #0000000a}.site-header__name{letter-spacing:-.01em;font-size:15px;font-weight:600;text-decoration:none}.site-header__nav{color:var(--secondary);align-items:center;gap:28px;font-size:13px;display:flex}.site-header__nav a{text-decoration:none}.site-header__nav a:hover{color:var(--ink);text-decoration:underline}.site-header__menu{min-width:44px;min-height:44px;font:600 10px var(--font-mono);letter-spacing:.08em;background:0 0;border:0;padding:0;display:none}.mobile-menu{z-index:100;background:var(--white);opacity:0;padding:0 20px 22px;transition:opacity .14s;position:fixed;inset:0}.mobile-menu.is-open{opacity:1}.mobile-menu__top{border-bottom:1px solid var(--border-strong);justify-content:space-between;align-items:center;height:52px;display:flex}.mobile-menu__top strong{font-size:12px}.mobile-menu__top button{min-height:44px;font:600 10px var(--font-mono);letter-spacing:.06em;background:0 0;border:0;padding:0}.mobile-menu nav{gap:0;padding-top:30px;display:grid}.mobile-menu nav a{grid-template-columns:34px 1fr;align-items:center;min-height:58px;text-decoration:none;display:grid}.mobile-menu nav a span{border:1px solid var(--frame-border);width:24px;height:24px;color:var(--muted);font:600 10px var(--font-mono);border-radius:3px;place-items:center;display:grid}.mobile-menu nav a strong{letter-spacing:-.02em;font-size:26px;font-weight:600}.mobile-menu nav a.is-active span{border-color:var(--ink);color:var(--white);background:var(--ink)}.mobile-menu__footer{border-top:1px solid var(--border-hairline);flex-wrap:wrap;gap:16px;padding-top:18px;font-size:12px;display:flex;position:absolute;bottom:22px;left:20px;right:20px}.mobile-menu__footer>div{width:100%;color:var(--muted);font:500 9px var(--font-mono);letter-spacing:.08em;justify-content:space-between;margin-top:10px;display:flex}.menu-open,.lightbox-open{overflow:hidden}.section-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.badge{border:1px solid var(--ink);width:fit-content;font:600 9.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;align-items:center;padding:3px 8px;display:inline-flex}.badge--filled{border-color:var(--ink);color:var(--white);background:var(--ink)}.badge--muted{border-color:var(--frame-border);color:var(--muted)}.chip{border:1px solid var(--frame-border);min-height:30px;color:var(--muted);background:var(--white);font:500 11px var(--font-mono);cursor:pointer;border-radius:20px;padding:5px 12px}.chip.is-active{border-color:var(--ink);color:var(--white);background:var(--ink)}.button{border:1px solid var(--ink);border-radius:4px;justify-content:center;align-items:center;min-height:44px;padding:12px 22px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.button--primary{color:var(--white);background:var(--ink)}.button--secondary{border-color:var(--button-border);color:var(--ink);background:var(--white)}.button:hover{text-decoration:underline}.browser-frame{border:1px solid var(--frame-border);border-radius:var(--radius-frame);background:var(--white);box-shadow:var(--shadow-frame);overflow:hidden}.browser-frame__chrome{border-bottom:1px solid var(--border-strong);background:var(--canvas);align-items:center;gap:5px;height:24px;padding:0 10px;display:flex}.browser-frame__chrome i{background:var(--frame-border);border-radius:50%;width:7px;height:7px}.browser-frame__chrome span{color:var(--muted);font:500 9px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin-left:5px;overflow:hidden}.browser-frame--compact .browser-frame__chrome{height:20px;padding-inline:8px}.browser-frame--compact .browser-frame__chrome i{width:6px;height:6px}.browser-frame--compact .browser-frame__chrome span{font-size:8px}.browser-frame__content{overflow:hidden}.browser-frame__content>img,.browser-frame__content .evidence__button,.browser-frame__content .evidence__button img{width:100%;display:block}.phone-frame{width:var(--phone-width,150px);flex:0 0 var(--phone-width,150px);border:1px solid var(--frame-border);background:var(--white);border-radius:14px;padding:5px}.phone-frame img,.phone-frame video{border-radius:10px;width:100%;display:block}.project-screen-slider{flex-direction:column;align-self:center;gap:12px;min-width:0;display:flex}.project-screen-slider__topbar{justify-content:space-between;align-items:center;gap:16px;padding:0 3px;display:flex}.project-screen-slider__topbar>span{color:var(--muted);font:600 8.5px var(--font-mono);letter-spacing:.1em}.device-switcher{border:1px solid var(--frame-border);background:var(--white);border-radius:4px;padding:2px;display:inline-flex}.device-switcher button{min-height:28px;color:var(--muted);font:500 8.5px var(--font-mono);cursor:pointer;background:0 0;border:0;border-radius:2px;padding:5px 9px}.device-switcher button[aria-pressed=true]{color:var(--white);background:var(--ink)}.project-screen-slider__panels{min-width:0}.project-screen-slider__viewport{place-items:center;min-height:320px;display:grid}.project-screen-slider__viewport>[data-device-panel]{width:100%}.project-screen-slider__image{aspect-ratio:924/540;object-fit:cover;object-position:top;background:#111;width:100%}.project-screen-slider__phone{flex-basis:150px;width:150px;margin-inline:auto}.project-screen-slider__mobile-image{aspect-ratio:250/540;object-fit:contain;object-position:top;width:100%}.project-screen-slider__phone .placeholder-slot{border-radius:10px;min-height:324px}.device-preview{flex-direction:column;align-items:center;gap:6px;display:flex}.device-preview__domain{color:var(--muted);font:500 8.5px var(--font-mono)}.tablet-frame{aspect-ratio:3/4;background:#deddd9;border:1px solid #aaa8a3;border-radius:18px;width:min(48%,230px);margin-inline:auto;padding:14px 8px 16px;position:relative;box-shadow:0 4px 10px #0000001f}.tablet-frame__camera{background:#777570;border-radius:50%;width:4px;height:4px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.tablet-frame__screen{background:var(--white);border:1px solid #8f8d88;border-radius:7px;width:100%;height:100%;overflow:hidden}.tablet-frame .placeholder-slot{border:0;height:100%;min-height:0}.project-screen-slider__tablet-image{object-fit:contain;object-position:top;width:100%;height:100%}.project-screen-slider__caption{grid-template-columns:1fr auto;align-items:baseline;gap:16px;margin-top:10px;padding:0 3px;display:grid}.project-screen-slider__caption>p{color:var(--secondary);margin:0;font-size:11.5px;line-height:1.5}.project-screen-slider__full{text-underline-offset:3px;cursor:zoom-in;white-space:nowrap;background:0 0;border:0;min-height:30px;padding:0;font-size:10.5px;font-weight:600;text-decoration:underline}.project-screen-slider__pending{color:var(--muted);font:500 9px var(--font-mono);white-space:nowrap}.project-screen-slider__nav{border-top:1px solid var(--border-strong);grid-template-columns:34px 1fr auto 34px;align-items:center;gap:10px;padding-top:10px;display:grid}.project-screen-slider__arrow{border:1px solid var(--button-border);background:var(--white);cursor:pointer;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:15px;display:grid}.project-screen-slider__arrow:hover{border-color:var(--ink)}.project-screen-slider__controls{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:6px;min-width:0;display:grid}.project-screen-slider__controls button{min-width:0;min-height:34px;color:var(--muted);font:500 8.5px var(--font-mono);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:6px;padding:0;display:flex}.project-screen-slider__controls button i{background:var(--frame-border);width:100%;height:3px;transition:background .14s}.project-screen-slider__controls button[aria-selected=true]{color:var(--ink)}.project-screen-slider__controls button[aria-selected=true] i{background:var(--ink)}.project-screen-slider__count{color:var(--muted);font:600 9px var(--font-mono);white-space:nowrap}.evidence{margin:0}.evidence__button{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.evidence__button img{width:100%;display:block}.evidence figcaption,.frame-caption{color:var(--muted);font:500 10px/1.55 var(--font-mono);margin-top:5px;display:block}.bare-image{border:1px solid var(--border-strong);border-radius:4px}.placeholder-slot{border:1px dashed var(--button-border);background:repeating-linear-gradient(45deg,#f2f1ee,#f2f1ee 11px,#e9e8e4 11px 22px);place-items:center;min-height:140px;padding:10px;display:grid}.placeholder-slot span{max-width:300px;color:var(--muted);font:500 9.5px/1.6 var(--font-mono);letter-spacing:.06em;text-align:center;text-transform:uppercase}.video-embed{aspect-ratio:16/9}.video-embed>*{width:100%;height:100%}.video-embed video{object-fit:cover;display:block}.lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--white);background:#1a1a1af0;border:0;margin:0;padding:24px}.lightbox::backdrop{background:#1a1a1af0}.lightbox[open]{grid-template-rows:minmax(0,1fr) auto;gap:14px;display:grid}.lightbox__close{z-index:2;width:44px;height:44px;color:var(--white);cursor:pointer;background:#1a1a1ab3;border:1px solid #ffffff59;border-radius:50%;place-items:center;font-size:18px;display:grid;position:fixed;top:16px;right:16px}.lightbox__stage{touch-action:pinch-zoom pan-x pan-y;place-items:center;min-height:0;display:grid;overflow:auto}.lightbox__stage img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 100px)}.lightbox.is-longshot .lightbox__stage{place-items:start center}.lightbox.is-longshot .lightbox__stage img{width:min(100%,1280px);max-height:none}.lightbox p{color:#d6d4ce;font:500 11px/1.5 var(--font-mono);text-align:center;margin:0}.swipe-strip{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin;gap:16px;display:flex;overflow-x:auto}.swipe-strip>*{scroll-snap-align:start}.metadata-grid{border-top:1px solid var(--border-hairline);border-bottom:1px solid var(--border-hairline);grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:18px 0;display:grid}.metadata-grid dt{color:var(--muted);font:600 9px var(--font-mono);letter-spacing:.1em;margin-bottom:5px}.metadata-grid dd{margin:0;font-size:12.5px;line-height:1.5}.metadata-grid dd a{line-height:1.7;display:block}.flow-steps{align-items:stretch;gap:8px;display:flex}.flow-step{border:1px solid var(--button-border);text-align:center;border-radius:5px;flex-direction:column;flex:1 1 0;justify-content:center;min-width:0;padding:13px 10px;display:flex}.flow-step.is-emphasized{border-color:var(--ink)}.flow-step>span{color:var(--muted);font:600 8.5px var(--font-mono);letter-spacing:.06em;margin-bottom:5px}.flow-step strong{font-size:12px;font-weight:500}.flow-step.is-emphasized strong{font-weight:600}.flow-step small{color:var(--muted);font:500 9.5px/1.45 var(--font-mono);margin-top:3px}.flow-arrow{color:var(--footer-secondary);flex:none;align-self:center}.flow-arrow i{font-style:normal}.flow-steps--compact .flow-step{padding:11px 10px}.flow-steps--compact .flow-step>span{display:none}.flow-steps--compact .flow-step strong{font-size:12px}.anchor-rail{z-index:40;border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);background:#fafaf8fa;position:sticky;top:48px}.anchor-rail>div{width:min(100%, var(--content-max));padding:14px var(--gutter);gap:20px;margin-inline:auto;display:flex}.anchor-rail a{color:var(--muted);font:500 11px var(--font-mono);white-space:nowrap;text-decoration:none}.anchor-rail a.is-active{color:var(--ink);text-underline-offset:5px;text-decoration:underline 1px}.case-topbar{height:56px;padding:0 var(--gutter);border-bottom:1px solid var(--border-strong);justify-content:space-between;align-items:center;font-size:13px;display:flex}.case-topbar a{color:var(--secondary);text-decoration:none}.case-topbar a:hover{color:var(--ink);text-decoration:underline}.case-topbar strong{font-weight:600}.next-teaser{padding:36px var(--gutter);background:var(--band);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.next-teaser>span{flex-direction:column;gap:4px;display:flex}.next-teaser small{color:var(--muted);font:600 9.5px var(--font-mono);letter-spacing:.1em}.next-teaser strong{font-size:19px}.next-teaser img{border:1px solid var(--border-strong);object-fit:cover;border-radius:4px;width:300px;height:96px}.next-teaser:hover strong{text-decoration:underline}.footer{color:var(--white);background:var(--ink)}.footer__inner{width:min(100%, var(--content-max));padding:58px var(--gutter) 26px;margin-inline:auto}.footer .section-label{color:var(--footer-label)}.footer h2{letter-spacing:-.02em;margin:18px 0 12px;font-size:32px;line-height:1.08}.footer p{color:var(--footer-secondary);margin:0;font-size:13.5px;line-height:1.65}.footer__contact{grid-template-columns:5fr 7fr;align-items:start;gap:72px;display:grid}.footer__intro>p{max-width:460px}.footer__links{align-items:center;gap:16px;min-height:44px;margin-top:20px;font-size:12px;display:flex}.footer__links .button{min-height:38px;color:var(--ink)}.footer__links button{cursor:pointer}.footer__whatsapp{min-height:38px;color:var(--white);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;text-decoration:underline}.footer__privacy{max-width:430px;color:var(--footer-label);font:500 9px/1.55 var(--font-mono);margin-top:14px;display:block}.contact-form{gap:14px;display:grid}.contact-form__row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form label{gap:7px;display:grid}.contact-form label>span{color:var(--footer-secondary);font:600 9px var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.contact-form label i{color:var(--footer-label);font-style:normal;font-weight:500}.contact-form input,.contact-form textarea{width:100%;color:var(--white);font:400 14px/1.5 var(--font-body);background:#ffffff0a;border:1px solid #ffffff40;border-radius:3px;padding:12px 13px}.contact-form input{height:44px}.contact-form textarea{resize:vertical;min-height:128px}.contact-form input:focus,.contact-form textarea:focus{border-color:#ffffffb3;outline:0}.contact-form__honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-form__submit{grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:14px;display:grid}.contact-form__submit .button{cursor:pointer;min-width:150px}.contact-form__submit .button:disabled{cursor:wait;opacity:.6}.contact-form__status{min-height:20px;color:var(--footer-secondary);font-size:12px!important}.contact-form__status.is-error{color:#f4b4a8}.footer__base{border-top:1px solid var(--footer-hairline);color:var(--footer-label);font:500 9px var(--font-mono);letter-spacing:.08em;justify-content:space-between;margin-top:46px;padding-top:18px;display:flex}.home-hero{padding:72px var(--gutter) 64px;grid-template-columns:7fr 5fr;gap:56px;display:grid}.home-hero__copy{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.home-hero h1{letter-spacing:-.022em;max-width:640px;margin:0;font-size:46px;font-weight:600;line-height:1.12}.home-hero h1 span{color:var(--muted)}.home-hero__copy>p{max-width:520px;color:var(--secondary);margin:0;font-size:16px;line-height:1.65}.hero-actions{gap:12px;margin-top:6px;display:flex}.hero-location{color:var(--muted);font:500 11px var(--font-mono);letter-spacing:.06em}.hero-project-showcase{flex-direction:column;gap:12px;min-width:0;display:flex}.hero-project-showcase__panel{flex-direction:column;gap:8px;min-height:380px;display:flex}.hero-project-showcase__meta{color:var(--muted);font:600 8.5px var(--font-mono);letter-spacing:.07em;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hero-project-showcase__meta strong{color:var(--ink);font-size:10px}.hero-project-showcase__visual{flex:1;place-items:center;min-height:300px;display:grid}.hero-project-showcase__visual .browser-frame{width:100%}.hero-project-showcase__visual .browser-frame img{aspect-ratio:8/5;object-fit:cover;object-position:top;width:100%;display:block}.hero-project-showcase__panel.is-phone .hero-project-showcase__visual{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--band)}.hero-project-showcase__phone{flex-basis:150px;width:150px}.hero-project-showcase__phone img{object-fit:cover;object-position:top;height:292px}.hero-project-showcase__caption{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.hero-project-showcase__caption p{color:var(--muted);font:500 9px/1.5 var(--font-mono);margin:0}.hero-project-showcase__caption a{text-underline-offset:3px;flex:none;font-size:11px;font-weight:600}.hero-project-showcase__nav{border-top:1px solid var(--border-strong);grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;padding-top:10px;display:grid}.hero-project-showcase__nav>button{border:1px solid var(--button-border);background:var(--white);cursor:pointer;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.hero-project-showcase__nav>div{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:5px;display:grid}.hero-project-showcase__nav [role=tab]{min-width:0;min-height:34px;color:var(--muted);font:500 7.5px var(--font-mono);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:6px;padding:0;display:flex}.hero-project-showcase__nav [role=tab] i{background:var(--frame-border);width:100%;height:3px}.hero-project-showcase__nav [role=tab][aria-selected=true]{color:var(--ink)}.hero-project-showcase__nav [role=tab][aria-selected=true] i{background:var(--ink)}.about-band{padding:38px var(--gutter);border-top:1px solid var(--border-strong);background:var(--band);grid-template-columns:3fr 6fr 3fr;align-items:center;gap:48px;display:grid}.about-band p{color:var(--secondary);margin:0;font-size:14.5px;line-height:1.7}.about-band .video-embed{min-width:0}.home-section{padding:var(--section-y) var(--gutter);border-top:1px solid var(--border-hairline)}.home-section__head{justify-content:space-between;align-items:baseline;margin-bottom:26px;display:flex}.home-section__head h2{letter-spacing:-.018em;margin:12px 0 0;font-size:32px;font-weight:600;line-height:1.12}.home-section__head p{color:var(--muted);margin:0;font-size:12px}.project-list{gap:22px;display:grid}.project-card{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--white);scroll-margin-top:76px;overflow:hidden}.project-card--flagship{grid-template-columns:7fr 5fr;display:grid}.project-card--flagship.is-mirrored{grid-template-columns:5fr 7fr}.project-card--flagship.is-mirrored .project-card__media{order:2}.project-card__media{background:var(--band);gap:10px;min-width:0;padding:16px;display:grid}.project-card__content{flex-direction:column;align-items:flex-start;padding:24px;display:flex}.project-card__badges{flex-wrap:wrap;gap:8px;display:flex}.project-domain{color:var(--muted);font:500 9px var(--font-mono);margin-bottom:8px}.project-card h3{letter-spacing:-.015em;margin:14px 0 10px;font-size:26px}.project-card p{color:var(--secondary);margin:0;font-size:13.5px;line-height:1.62}.project-card__meta{border-top:1px solid var(--border-hairline);grid-template-columns:1fr 1fr;gap:20px;width:100%;margin:18px 0 14px;padding-top:14px;display:grid}.project-card__meta span{color:var(--muted);font:600 8.5px var(--font-mono);letter-spacing:.08em;margin-bottom:4px;display:block}.project-card__meta p{color:var(--ink);font-size:11.5px;line-height:1.45}.project-card__links{flex-wrap:wrap;gap:16px;min-height:28px;font-size:12px;display:flex}.project-card__case-link{margin-top:auto;padding-top:26px;font-size:12px;font-weight:600;text-decoration:none}.project-card__case-link:hover{text-decoration:underline}.project-card__case-link:hover span{display:inline-block;transform:translate(3px)}.teakcraft-audit{border-top:1px solid var(--border-hairline);grid-template-columns:1fr 1fr;gap:10px 18px;width:100%;margin-top:8px;padding-top:14px;display:grid}.teakcraft-audit strong{letter-spacing:-.015em;font-size:18px;display:block}.teakcraft-audit span{color:var(--muted);font:600 8px/1.4 var(--font-mono);letter-spacing:.05em;margin-top:3px;display:block}.project-secondary{grid-template-columns:1fr 1fr;gap:22px;display:grid}.project-card--secondary{flex-direction:column;display:flex}.project-card--secondary .project-card__content{flex:1;padding:18px}.project-card__kloss-media,.phone-trio{background:var(--band);height:260px}.project-card__kloss-media{place-items:center;padding:14px;display:grid;overflow:hidden}.project-card__kloss-media .evidence__button{height:100%;display:block;overflow:hidden}.project-card__kloss{object-fit:cover;object-position:top;width:100%;height:100%}.phone-trio{justify-content:center;align-items:center;gap:12px;padding:14px;display:flex}.phone-trio .phone-frame{flex-basis:108px;width:108px}.how-grid{border-top:1px solid var(--border-strong);grid-template-columns:repeat(4,1fr);margin-top:24px;display:grid}.how-step{border-bottom:1px solid var(--border-strong);min-height:72px;padding:14px 10px 14px 0}.how-step span{color:var(--muted);font:600 9px var(--font-mono);margin-bottom:10px;display:block}.how-step strong{font-size:12px;line-height:1.4}.how-copy{grid-template-columns:5fr 7fr;gap:56px;margin-top:28px;display:grid}.how-copy h3{max-width:360px;margin:0;font-size:18px;line-height:1.2}.how-copy div{color:var(--secondary);font-size:13.5px;line-height:1.65}.how-copy p{margin:0 0 10px}.commerce-section{background:var(--band)}.commerce-section .home-section__head h2 span,.ux-section .home-section__head h2 span{color:var(--muted)}.employer-row{border-top:1px solid var(--border-hairline);border-bottom:1px solid var(--border-hairline);color:#aaa7a0;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0;padding:20px 0;font-size:20px;font-weight:600;display:grid}.commerce-bottom{grid-template-columns:7fr 5fr;align-items:start;gap:56px;display:grid}.commerce-bottom p{max-width:600px;color:var(--secondary);margin:0;font-size:13.5px;line-height:1.65}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag-cloud span{border:1px solid var(--frame-border);color:var(--muted);font:500 10px var(--font-mono);border-radius:3px;padding:5px 9px}.ux-section__intro{grid-template-columns:7fr 5fr;gap:56px;display:grid}.ux-section__intro p{color:var(--secondary);margin:0;font-size:13.5px;line-height:1.65}.ux-questions{border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid}.ux-questions>div{min-height:168px;padding:22px 24px 22px 0}.ux-questions>div+div{border-left:1px solid var(--border-hairline);padding-left:24px}.ux-questions span,.ux-example>div>span{color:var(--muted);font:600 9px var(--font-mono);letter-spacing:.08em;margin-bottom:22px;display:block}.ux-questions strong{max-width:250px;font-size:16px;line-height:1.3;display:block}.ux-questions p{max-width:280px;color:var(--secondary);margin:12px 0 0;font-size:12.5px;line-height:1.6}.ux-example{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--band);grid-template-columns:4fr 8fr;gap:56px;margin-top:30px;padding:24px;display:grid}.ux-example h3{margin:0;font-size:20px;line-height:1.2}.ux-example dl{margin:0;display:grid}.ux-example dl>div{border-bottom:1px solid var(--border-hairline);grid-template-columns:100px 1fr;gap:18px;padding:12px 0;display:grid}.ux-example dl>div:first-child{padding-top:0}.ux-example dl>div:last-child{border-bottom:0;padding-bottom:0}.ux-example dt{font-size:12px;font-weight:600}.ux-example dd{color:var(--secondary);margin:0;font-size:12.5px;line-height:1.55}.state-switcher__tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.state-switcher__tabs button{border:1px solid var(--frame-border);min-height:30px;color:var(--muted);background:var(--white);font:600 9px var(--font-mono);cursor:pointer;border-radius:3px;padding:5px 10px}.state-switcher__tabs button[aria-selected=true]{border-color:var(--ink);color:var(--white);background:var(--ink)}.state-switcher__panels{width:min(100%,520px)}.state-switcher__panels img{border:1px solid var(--border-strong);border-radius:4px}.ai-intro{grid-template-columns:5fr 7fr;gap:56px;display:grid}.ai-intro p{border-left:2px solid var(--button-border);color:var(--secondary);margin:0;padding-left:18px;font-size:13.5px;line-height:1.65}.ai-cards{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;display:grid}.ai-card{border:1px solid var(--border-strong);border-radius:var(--radius-card);padding:18px}.ai-card strong{color:var(--muted);font:600 9px var(--font-mono);letter-spacing:.08em;margin-bottom:10px;display:block}.ai-card p{color:var(--secondary);margin:0;font-size:12.5px;line-height:1.6}.tool-row{color:var(--muted);font:500 9px var(--font-mono);flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.experience-section{grid-template-columns:4fr 8fr;gap:56px;display:grid}.experience-section h2{margin:14px 0 12px;font-size:28px;line-height:1.05}.experience-links{gap:16px;font-size:12px;display:flex}.experience-list{border-top:1px solid var(--border-hairline)}.experience-row{border-bottom:1px solid var(--border-hairline);grid-template-columns:3fr 6fr 1fr;align-items:center;gap:20px;min-height:48px;font-size:12.5px;display:grid}.experience-row span{color:var(--secondary)}.experience-row time{color:var(--muted);font:500 9px var(--font-mono);text-align:right}.case-header{padding:56px var(--gutter) 40px}.case-header__badges{gap:8px;display:flex}.case-header h1{letter-spacing:-.022em;margin:18px 0 12px;font-size:42px;line-height:1.1}.case-header__intro{max-width:640px;color:var(--secondary);margin:0 0 26px;font-size:17px;line-height:1.55}.case-hero{padding:0 var(--gutter) 8px}.case-hero img{object-fit:cover;object-position:50% 32%;height:380px}.case-section{padding:48px var(--gutter);border-bottom:1px solid var(--border-hairline);grid-template-columns:3fr 8fr;gap:56px;scroll-margin-top:104px;display:grid}.case-section--band{background:var(--band)}.case-section__content{flex-direction:column;gap:18px;min-width:0;display:flex}.case-section__content>p{max-width:640px;color:var(--secondary);margin:0;font-size:15px;line-height:1.65}.case-subtitle{letter-spacing:-.015em;margin:0;font-size:22px}.case-kicker{color:var(--muted);font:600 9.5px var(--font-mono);letter-spacing:.1em}.lifecycle-card,.parcels-card,.comparison-card,.states-card{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--white);padding:20px}.lifecycle-card h3{letter-spacing:-.012em;margin:5px 0 0;font-size:17px}.lifecycle-card>p{max-width:660px;color:var(--secondary);margin:0;font-size:13.5px;line-height:1.6}.lifecycle-sequence{flex-direction:column;gap:16px;margin-top:12px;display:flex}.lifecycle-sequence__main{max-width:680px}.lifecycle-sequence__lower{align-items:flex-start;gap:16px;display:flex}.lifecycle-sequence__flow{flex:0 0 225px;width:225px}.lifecycle-sequence__email{flex:0 0 295px;width:295px}.lifecycle-sequence__lower>p{color:var(--secondary);align-self:center;margin:0;padding-left:8px;font-size:12.5px;line-height:1.65}.evidence-label{color:var(--muted);font:600 9px var(--font-mono);letter-spacing:.08em;margin-bottom:6px}.evidence-note{color:var(--muted);font:500 9.5px var(--font-mono);margin-top:6px;display:block}.inline-arrow{color:var(--footer-secondary);align-self:center;font-size:18px}.parcels-card{grid-template-columns:6fr 5fr;align-items:center;gap:24px;padding:18px 20px;display:grid}.parcels-card p{color:var(--secondary);margin:8px 0 0;font-size:13.5px;line-height:1.6}.parcels-card__media{gap:10px;display:flex}.parcels-card__media>img{object-fit:cover;object-position:center top;flex:1;min-width:0;height:110px}.parcels-card__media .phone-frame{border-radius:10px;flex-basis:56px;width:56px;padding:3px}.parcels-card__media .phone-frame img{object-fit:cover;object-position:top;border-radius:7px;height:104px}.gallery-section{padding:48px var(--gutter);display:block}.gallery-head{justify-content:space-between;align-items:baseline;display:flex}.gallery-filters{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.gallery-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:14px;display:grid}.gallery-grid .evidence:first-child,.gallery-grid .evidence:nth-child(2){grid-column:span 1}.gallery-grid .evidence img{aspect-ratio:16/9;object-fit:cover;object-position:top;border:1px solid var(--border-strong);border-radius:4px}.production-browser{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--white);margin-top:20px;padding:18px}.production-browser .project-screen-slider__viewport{min-height:420px}.production-browser__note{max-width:680px;color:var(--secondary);margin:10px 0 22px;font-size:12.5px;line-height:1.6}.walkthrough-section .case-section__content>p{max-width:700px}.walkthrough-grid{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:14px;display:grid}.walkthrough-card{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--white);min-width:0;padding:16px}.walkthrough-card--wide{grid-column:1/-1}.walkthrough-card .video-embed{border:1px solid var(--border-strong);background:#111;border-radius:4px;overflow:hidden}.walkthrough-card .video-embed video{object-position:top}.walkthrough-card--mobile .video-embed{aspect-ratio:390/844;width:min(100%,260px);margin-inline:auto}.walkthrough-card>p{color:var(--secondary);margin:10px 0 0;font-size:12px;line-height:1.55}.design-build-section{padding:48px var(--gutter);display:block}.design-build-head{flex-direction:column;gap:8px;display:flex}.design-build-head p{color:var(--muted);margin:0;font-size:13px}.design-build-section .flow-steps{max-width:820px;margin:24px 0}.comparison-card{flex-direction:column;gap:14px;display:flex}.comparison-grid{grid-template-columns:1fr 44px 1fr;align-items:center;display:grid}.comparison-grid .placeholder-slot{aspect-ratio:924/540;border:0;min-height:36px}.comparison-card__copy{border-top:1px solid var(--border-hairline);align-items:baseline;gap:24px;padding-top:14px;display:flex}.comparison-card__copy p{color:var(--secondary);flex:1;margin:0;font-size:13.5px;line-height:1.55}.comparison-card__links{white-space:nowrap;gap:16px;font-size:12px;display:flex}.states-card{grid-template-columns:280px 1fr;align-items:center;gap:24px;margin-top:14px;display:grid}.states-card p{color:var(--secondary);margin:8px 0 0;font-size:13.5px;line-height:1.6}.mobile-evidence-section{padding:48px var(--gutter);display:block}.mobile-evidence-section .swipe-strip{margin-top:20px}.phone-evidence{flex-direction:column;flex:0 0 150px;align-items:center;gap:6px;display:flex}.phone-evidence img{object-fit:cover;object-position:top;height:290px}.phone-evidence span{color:var(--muted);font:500 10px var(--font-mono)}.brand-flow{grid-template-columns:1fr 44px 1fr 44px 1fr;align-items:center;display:grid}.brand-card{flex-direction:column;gap:8px;min-width:0;display:flex}.brand-card__panel{background:#101114;border-radius:4px;flex-direction:column;justify-content:center;height:130px;display:flex}.brand-book{align-items:center;gap:9px}.brand-symbol{background:#f3f1ec;width:30px;height:30px;mask:url(/assets/pansuara/brand-symbol.svg) 50%/contain no-repeat}.brand-wordmark{background:#f3f1ec;width:100px;height:12px;mask:url(/assets/pansuara/brand-wordmark.svg) 50%/contain no-repeat}.brand-book small{color:#8d8470;font:500 8.5px var(--font-mono);letter-spacing:.08em}.brand-system{justify-content:space-between;padding:13px 16px}.brand-swatches{gap:6px;display:flex}.brand-swatches i{border-radius:50%;width:15px;height:15px}.brand-system__playfair{color:#f3f1ec;font:700 16px/1.1 Playfair Display,Georgia,serif}.brand-system__playfair em{color:#c2a472}.brand-system__lato{color:#9f6d42;font:900 9px Lato, var(--font-body);letter-spacing:.2em}.brand-system b{color:#101114;font:900 9px Lato, var(--font-body);letter-spacing:.12em;background:#b1a085;border-radius:5px;align-self:flex-start;padding:6px 12px}.brand-storefront{object-fit:cover;object-position:left top;border:1px solid var(--border-strong);border-radius:4px;height:130px}.architecture-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.architecture-card{border:1px solid var(--border-strong);border-radius:var(--radius-card);padding:16px 18px}.architecture-card p{color:var(--secondary);margin:7px 0 0;font-size:13px;line-height:1.6}.scores-card{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--white);flex-wrap:wrap;align-items:center;gap:36px;padding:26px 28px;display:flex}.score strong{letter-spacing:-.02em;font-size:36px;display:block}.score span{color:var(--muted);font:600 9px var(--font-mono);letter-spacing:.1em;margin-top:4px;display:block}.scores-meta{text-align:right;flex-direction:column;gap:4px;margin-left:auto;display:flex}.scores-meta strong{font-size:12.5px}.scores-meta span{color:var(--muted);font:500 10px var(--font-mono)}.toyland-hero{padding:0 var(--gutter) 34px;flex-direction:column;gap:14px;display:flex}.design-build-label{color:var(--muted);font:600 9px var(--font-mono);letter-spacing:.08em;grid-template-columns:1fr 44px 1fr;display:grid}.design-build-label span{text-align:center}.toyland-hero__pair{grid-template-columns:1fr 44px 1fr;align-items:center;display:grid}.toyland-hero__pair .placeholder-slot{border:0;min-height:330px}.toyland-hero__image{object-fit:cover;object-position:top;height:330px}.toyland-hero>p{max-width:760px;color:var(--secondary);margin:0;font-size:12.5px;line-height:1.65}.buying-modes{grid-template-columns:1fr 1fr;gap:14px;display:grid}.buying-modes article{border:1px solid var(--border-strong);border-radius:var(--radius-card);padding:18px 20px}.buying-modes ul{color:var(--secondary);gap:7px;margin:14px 0 0;padding-left:18px;font-size:12.5px;display:grid}.toyland-comparisons{grid-template-columns:4fr 7fr;gap:18px;display:grid}.toyland-comparisons>article{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--white);padding:16px}.toyland-comparisons article>p,.discovery-grid p,.two-col-copy p,.touch-target-card p,.search-states-card>p,.status-evidence p{color:var(--secondary);margin:12px 0 0;font-size:12.5px;line-height:1.6}.phone-comparison{justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.phone-comparison>div{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.phone-comparison .phone-frame{flex-basis:130px;width:130px}.phone-comparison .phone-frame img,.phone-comparison .phone-frame .placeholder-slot{object-fit:cover;object-position:top;border-radius:10px;height:250px}.phone-comparison>div>span{color:var(--muted);font:500 9px var(--font-mono)}.browser-comparison{grid-template-columns:1fr 28px 1fr;align-items:center;margin-top:12px;display:grid}.browser-comparison .placeholder-slot{border:0;min-height:175px}.browser-comparison img{object-fit:cover;object-position:top;height:175px}.discovery-primary{flex-direction:column;gap:8px;display:flex}.discovery-plp{object-fit:cover;object-position:top;height:420px}.discovery-primary .placeholder-slot{min-height:70px}.discovery-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.discovery-grid article{flex-direction:column;display:flex}.discovery-grid .browser-frame img,.discovery-grid .evidence>button>img{object-fit:cover;object-position:top;height:230px}.discovery-grid .placeholder-slot{min-height:58px;margin-top:auto}.pdp-evidence{padding-bottom:86px;position:relative}.pdp-full{object-fit:cover;object-position:top;height:440px}.pdp-evidence__detail{width:48%;position:absolute;bottom:0;right:20px}.pdp-evidence__detail img{object-fit:cover;object-position:top;border:2px solid var(--ink);height:210px}.pdp-evidence__detail .evidence-label{text-align:right;margin:5px 0 0}.two-col-copy{grid-template-columns:1fr 1fr;gap:30px;display:grid}.mobile-specs{grid-template-columns:150px minmax(330px,auto) 1fr;align-items:start;gap:18px;display:grid}.mobile-pdp-pair,.touch-target-card{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--white);padding:14px 16px}.mobile-pdp-pair .phone-comparison{margin-top:8px}.touch-target-card>div:nth-child(2){align-items:center;gap:14px;margin-top:14px;display:flex}.touch-target{border:1.5px dashed #4a79b8;border-radius:8px;flex:none;place-items:center;width:52px;height:52px;display:grid}.touch-target i{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.touch-target-card code{color:var(--muted);font:500 10px/1.6 var(--font-mono)}.touch-target-card em{color:#4a79b8;font-style:normal}.search-states-card{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--white);padding:20px}.search-states-card__head{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.search-states-card__head h3{margin:5px 0 0;font-size:17px}.search-states-card__head>span,.status-evidence span{color:#4a79b8;font:500 10px var(--font-mono)}.toyland-state-switcher{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:20px;margin-top:16px;display:grid}.toyland-state-switcher .state-switcher__tabs{flex-direction:column;gap:6px;margin:0;display:flex}.toyland-state-switcher .state-switcher__tabs button{justify-content:space-between;align-items:center;width:100%;min-height:32px;display:flex}.toyland-state-switcher .state-switcher__tabs small{opacity:.6;font:inherit}.toyland-state-switcher .state-switcher__panels{width:min(100%,520px)}.toyland-state-switcher .state-switcher__panels img{object-fit:contain;object-position:left top;max-height:320px}.state-switcher__placeholder{min-height:44px;margin-top:8px}.state-visual{border:1px solid var(--border-strong);background:var(--band);border-radius:4px;place-items:center;min-height:220px;padding:20px;display:grid}.state-visual__label{color:var(--muted);font:500 10px var(--font-mono);text-align:center;flex-direction:column;gap:5px;display:flex}.state-visual__label strong{color:var(--ink);font-size:12px}.fidelity-result{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--band);align-items:center;gap:28px;max-width:640px;padding:16px 18px;display:flex}.fidelity-result>div{flex-direction:column;flex:none;display:flex}.fidelity-result strong{font-size:26px}.fidelity-result span{color:var(--muted);font:600 8.5px var(--font-mono);letter-spacing:.09em}.fidelity-result p{color:var(--secondary);margin:0;font-size:12.5px;line-height:1.6}.status-evidence{align-items:center;gap:24px;display:flex}.status-evidence .placeholder-slot{flex:none;width:280px;min-height:110px}.status-evidence p{margin-top:0}.kloss-shipped{padding:10px var(--gutter) 48px;border-bottom:1px solid var(--border-hairline);grid-template-columns:4fr 7fr;align-items:center;gap:48px;display:grid}.kloss-shipped__copy{flex-direction:column;gap:14px;display:flex}.kloss-shipped h2,.kloss-section-head h2{letter-spacing:-.015em;margin:0;font-size:24px}.kloss-shipped p,.kloss-section-head p,.after-launch-grid p,.kloss-live p{color:var(--secondary);margin:0;font-size:15px;line-height:1.65}.kloss-hero-shot{object-fit:cover;object-position:top;height:310px}.kloss-metrics{border-top:1px solid var(--border-hairline);color:var(--muted);font:500 11px var(--font-mono);flex-wrap:wrap;gap:8px 20px;padding-top:14px;display:flex}.kloss-catalogue{padding:48px var(--gutter);border-bottom:1px solid var(--border-hairline);flex-direction:column;gap:20px;display:flex}.kloss-section-head{flex-direction:column;gap:10px;max-width:640px;display:flex}.kloss-catalogue__desktop{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.kloss-catalogue__mobile{display:none}.kloss-catalogue__card{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:#fff;flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.kloss-catalogue__card picture,.kloss-catalogue__card img{width:100%;display:block}.kloss-catalogue__card img{border:1px solid var(--border-strong);object-fit:cover;object-position:top;border-radius:4px;height:210px}.kloss-catalogue__pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.kloss-catalogue__card p{color:var(--secondary);margin:0;font-size:12px;line-height:1.55}.kloss-metrics--catalogue{padding:14px 0 0}.after-launch-grid{grid-template-columns:5fr 6fr;gap:36px;display:grid}.after-launch-grid>div:first-child{flex-direction:column;gap:16px;display:flex}.after-launch-evidence{grid-template-columns:1fr 1fr;gap:12px;display:grid}.after-launch-evidence img{object-fit:cover;object-position:top;height:230px}.kloss-live__content{grid-template-columns:5fr 6fr;align-items:start;gap:36px;display:grid}.kloss-live__content>div{flex-direction:column;gap:16px;display:flex}.kloss-score-card{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:#fff;flex-direction:column;gap:12px;max-width:400px;padding:16px 18px;display:flex}.kloss-score-card>div:nth-child(2){align-items:baseline;gap:12px;display:flex}.kloss-score-card strong{letter-spacing:-.02em;font-size:30px}.kloss-score-card strong small{color:var(--muted);font-size:15px;font-weight:500}.kloss-score-card>div:nth-child(2) span{color:var(--muted);font:600 8.5px var(--font-mono);letter-spacing:.08em}.kloss-secondary-scores{border-top:1px solid var(--border-hairline);color:var(--secondary);flex-direction:column;gap:5px;padding-top:10px;font-size:10px;display:flex}.kloss-live-link{font-size:12.5px;font-weight:600}.kloss-full-shot{object-fit:cover;object-position:top;height:400px}.tennis-idea{grid-template-columns:1fr auto;align-items:start;gap:36px;display:grid}.tennis-idea>div:first-child{flex-direction:column;gap:16px;min-width:300px;display:flex}.tennis-idea h2,.shared-state h2{letter-spacing:-.015em;margin:0;font-size:24px}.tennis-idea p,.shared-state__head p,.tennis-feature p,.tennis-gallery>p,.tennis-build>p,.research-card p{color:var(--secondary);margin:0;font-size:15px;line-height:1.65}.tennis-idea>div:first-child>span{color:var(--muted);font-size:13px;line-height:1.6}.tennis-phone-pair{gap:14px;display:flex}.tennis-phone-pair>div,.tennis-gallery__phone,.tennis-gallery__admin{flex-direction:column;align-items:center;gap:7px;display:flex}.tennis-phone-pair .phone-frame{flex-basis:152px;width:152px}.tennis-phone-pair b,.tennis-gallery__strip b{color:var(--muted);font:600 9px var(--font-mono);letter-spacing:.08em;text-align:center}.tennis-player,.tennis-gallery{padding:48px var(--gutter);border-bottom:1px solid var(--border-hairline);flex-direction:column;gap:20px;scroll-margin-top:104px;display:flex}.tennis-section-head{justify-content:space-between;align-items:baseline;display:flex}.tennis-section-head>span{color:var(--muted);font-size:12.5px}.tennis-section-head h2{margin:8px 0 0;font-size:20px}.tennis-player__grid{grid-template-columns:3fr 2fr 1fr;gap:14px;display:grid;overflow:visible}.tennis-feature{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:#fff;flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.tennis-feature__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tennis-feature__head strong{font:600 10px var(--font-mono);letter-spacing:.1em}.tennis-feature__head span{color:var(--muted);background:var(--canvas);font:600 8.5px var(--font-mono);letter-spacing:.06em;white-space:nowrap;border-radius:3px;padding:2px 8px}.tennis-feature__head .live-pill{color:var(--secondary)}.live-pill:before{content:"";background:#c9dd45;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.tennis-feature__media{gap:10px;display:flex}.tennis-feature__media .phone-frame{flex:1 1 0;width:auto;min-width:0}.tennis-feature p{font-size:12.5px;line-height:1.55}.tennis-video-phone{background:#0f2b20}.tennis-video-phone .video-embed{aspect-ratio:auto}.tennis-video-phone video{aspect-ratio:9/19;object-fit:cover}.tennis-feature--message>.phone-frame{flex-basis:auto;width:100%}.shared-state{padding:56px var(--gutter);border-bottom:1px solid var(--border-hairline);flex-direction:column;gap:26px;scroll-margin-top:104px;display:flex}.shared-state__head{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.shared-state__head h2{font-size:28px}.shared-state__head p{max-width:560px;font-size:14.5px}.shared-state__flow{grid-template-columns:176px 64px minmax(320px,470px) 64px 176px;justify-content:center;align-items:center;display:grid}.shared-state__flow>div{flex-direction:column;align-items:center;gap:9px;display:flex}.shared-state__flow>div>strong{font:600 10px var(--font-mono);letter-spacing:.12em}.shared-state__flow>div>strong:first-letter{color:#c9dd45}.shared-state__phone .phone-frame{flex-basis:176px;width:176px}.shared-state__flow p{color:var(--secondary);text-align:center;margin:0;font-size:12px;line-height:1.5}.shared-state__tech{color:var(--muted);font:500 10px var(--font-mono);letter-spacing:.1em;text-align:center}.prototype-note{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--band);align-items:baseline;gap:12px;max-width:680px;margin-inline:auto;padding:12px 16px;display:flex}.prototype-note strong,.tennis-build__cards strong,.research-card>strong,.tennis-status>strong{color:var(--muted);font:600 9px var(--font-mono);letter-spacing:.1em;flex:none}.prototype-note span,.tennis-status span{color:var(--secondary);font-size:12px;line-height:1.55}.tennis-gallery__strip{gap:12px;display:flex;overflow:visible}.tennis-gallery__phone{flex:0 0 150px;width:150px}.tennis-gallery__phone .phone-frame{flex-basis:150px;width:150px}.tennis-gallery__phone .phone-frame img{object-fit:cover;object-position:top;height:210px}.tennis-gallery__admin{flex:1;min-width:0}.tennis-gallery__admin img{object-fit:cover;object-position:top;height:220px}.tennis-gallery>p{color:var(--muted);font-size:12.5px}.tennis-build{flex-direction:column;gap:20px;display:flex}.tennis-build__cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.tennis-build__cards>div{border:1px solid var(--border-strong);border-radius:var(--radius-card);flex-direction:column;gap:7px;padding:16px 18px;display:flex}.tennis-build__cards span{color:var(--secondary);font-size:13px;line-height:1.6}.tennis-build__metrics{border-top:1px solid var(--border-hairline);color:var(--muted);font:500 11px var(--font-mono);flex-wrap:wrap;gap:8px 22px;padding-top:16px;display:flex}.research-card{border:1px solid var(--border-strong);border-radius:var(--radius-card);flex-direction:column;gap:8px;max-width:620px;padding:16px 18px;display:flex}.research-card p{font-size:13px;line-height:1.6}.tennis-status{border-top:1px solid var(--border-hairline);align-items:baseline;gap:12px;max-width:620px;padding-top:16px;display:flex}.tennis-code-links{gap:16px;font-size:12px;display:flex}@media (width<=839px){:root{--gutter:20px;--section-y:34px}.desktop-only{display:none}.mobile-only{display:inline}.body-copy{font-size:13.5px;line-height:1.65}.site-header{height:52px;padding-inline:var(--gutter)}.site-header.is-scrolled{height:52px;box-shadow:0 2px 8px #0000000f}.site-header__name{font-size:12px}.site-header__nav{display:none}.site-header__menu{display:block}.section-label{font-size:9.5px}.button{width:100%;min-height:44px;padding:13px 18px}.browser-frame__chrome{height:20px;padding-inline:8px}.browser-frame__chrome i{width:6px;height:6px}.browser-frame__chrome span{font-size:8px}.lightbox{padding:16px}.home-hero{padding:36px var(--gutter) 32px;flex-direction:column;gap:28px;display:flex}.home-hero__copy{gap:16px}.home-hero h1{letter-spacing:-.02em;font-size:30px;line-height:1.14}.home-hero__copy>p{font-size:14.5px;line-height:1.65}.hero-actions{flex-direction:column;gap:8px;width:100%;margin-top:4px}.hero-location{font-size:9.5px}.hero-project-showcase__panel{min-height:330px}.hero-project-showcase__visual{min-height:242px}.hero-project-showcase__phone{flex-basis:126px;width:126px}.hero-project-showcase__phone img{height:244px}.hero-project-showcase__caption{align-items:flex-start}.hero-project-showcase__caption p{font-size:8.5px}.hero-project-showcase__nav [role=tab]{font-size:6.8px}.frame-caption{font-size:8.5px}.about-band{padding:28px var(--gutter);flex-direction:column;align-items:stretch;gap:16px;display:flex}.about-band p{font-size:13px;line-height:1.7}.about-band .video-embed{width:100%}.about-band .placeholder-slot{min-height:0}.home-section{padding:36px var(--gutter)}.home-section__head{align-items:flex-start;margin-bottom:20px}.home-section__head h2{margin-top:9px;font-size:24px;line-height:1.15}.home-section__head>p{font-size:10px}.project-list{gap:16px}.project-card--flagship,.project-card--flagship.is-mirrored{flex-direction:column;display:flex}.project-card--flagship.is-mirrored .project-card__media{order:0}.project-card__media{padding:10px}.project-card__content{padding:18px}.project-card h3{margin:12px 0 8px;font-size:21px}.project-card p{font-size:13px}.project-card__meta{gap:12px;margin:14px 0 10px}.project-card__meta p{font-size:10.5px}.project-card__links{font-size:11.5px}.project-card__case-link{padding-top:18px}.teakcraft-audit{gap:9px 12px}.teakcraft-audit strong{font-size:16px}.project-screen-slider{gap:10px}.project-screen-slider__topbar{flex-direction:column;align-items:flex-start;gap:8px}.device-switcher{align-self:stretch}.device-switcher button{flex:1}.project-screen-slider__viewport{min-height:220px}.project-screen-slider__nav{grid-template-columns:34px 1fr 34px;gap:8px}.project-screen-slider__controls{gap:4px}.project-screen-slider__controls button{min-height:30px;font-size:7.5px}.project-screen-slider__count{display:none}.project-screen-slider__phone{flex-basis:130px;width:130px}.project-screen-slider__phone .placeholder-slot{min-height:281px}.tablet-frame{width:min(58%,190px)}.project-screen-slider__caption{grid-template-columns:1fr;gap:5px}.project-screen-slider__caption>p{font-size:10.5px}.project-secondary{grid-template-columns:1fr;gap:16px}.project-card__kloss-media,.phone-trio{height:220px}.project-card__kloss-media{padding:10px}.phone-trio{gap:8px;padding:10px}.phone-trio .phone-frame{border-radius:11px;flex-basis:88px;width:88px;padding:4px}.how-grid{grid-template-columns:1fr 1fr;margin-top:18px}.how-step{min-height:68px;padding-right:12px}.how-copy{grid-template-columns:1fr;gap:18px;margin-top:22px}.how-copy h3{font-size:17px}.how-copy div{font-size:13px}.employer-row{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;padding:16px 0;font-size:17px}.commerce-bottom{grid-template-columns:1fr;gap:18px}.commerce-bottom p{font-size:13px}.tag-cloud{gap:6px}.tag-cloud span{font-size:9px}.ux-section__intro{grid-template-columns:1fr;gap:14px}.ux-questions{grid-template-columns:1fr;margin-top:20px}.ux-questions>div{min-height:0;padding:18px 0}.ux-questions>div+div{border-top:1px solid var(--border-hairline);border-left:0;padding-left:0}.ux-questions span{margin-bottom:10px}.ux-questions strong{font-size:15px}.ux-questions p{margin-top:7px;font-size:12px}.ux-example{grid-template-columns:1fr;gap:18px;margin-top:20px;padding:18px}.ux-example>div>span{margin-bottom:10px}.ux-example h3{font-size:18px}.ux-example dl>div{grid-template-columns:72px 1fr;gap:12px}.state-switcher__panels{width:100%}.ai-intro{grid-template-columns:1fr;gap:16px}.ai-cards{grid-template-columns:1fr;gap:10px;margin-top:20px}.ai-card{padding:16px}.tool-row{gap:10px 14px;font-size:8.5px}.experience-section{grid-template-columns:1fr;gap:20px}.experience-section h2{font-size:24px}.experience-row{grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0}.experience-row span{grid-area:2/1/auto/-1}.experience-row time{grid-area:1/2}.case-topbar{height:48px}.case-topbar strong{display:none}.case-header{padding:30px var(--gutter) 24px}.case-header h1{margin:14px 0 10px;font-size:30px}.case-header__intro{margin-bottom:20px;font-size:13.5px;line-height:1.65}.metadata-grid{grid-template-columns:1fr 1fr;gap:14px 16px;padding:14px 0}.metadata-grid dd{font-size:11.5px}.case-hero img{height:200px}.anchor-rail{top:0}.anchor-rail:after{background:linear-gradient(90deg, #fafaf800, var(--band));content:"";pointer-events:none;width:34px;position:absolute;top:0;bottom:0;right:0}.anchor-rail>div{padding:12px var(--gutter);scrollbar-width:none;gap:18px;overflow-x:auto}.anchor-rail a{font-size:10px}.case-section{padding:28px var(--gutter);flex-direction:column;gap:16px;scroll-margin-top:58px;display:flex}.case-section__content{gap:16px}.case-section__content>p{font-size:13px}.case-subtitle{font-size:18px}.flow-steps{flex-direction:column;gap:6px}.flow-step{flex:auto;min-height:64px}.flow-arrow{align-self:center}.flow-steps--compact .flow-step{min-height:44px}.lifecycle-card,.parcels-card,.comparison-card,.states-card{padding:16px}.lifecycle-sequence__lower{flex-direction:column;align-items:center}.lifecycle-sequence__flow{flex-basis:auto;width:240px}.lifecycle-sequence__email{flex-basis:auto;width:280px}.lifecycle-sequence__lower>p{padding:0;font-size:12px}.parcels-card{grid-template-columns:1fr;gap:14px}.gallery-section,.design-build-section,.mobile-evidence-section{padding:28px var(--gutter)}.production-browser{margin-top:16px;padding:12px}.production-browser .project-screen-slider__viewport{min-height:300px}.production-browser__note{margin-bottom:18px;font-size:11.5px}.gallery-grid{scroll-snap-type:inline mandatory;gap:12px;display:flex;overflow-x:auto}.gallery-grid .evidence{scroll-snap-align:start;flex:0 0 220px}.gallery-grid .evidence:first-child,.gallery-grid .evidence:nth-child(2){flex-basis:280px}.gallery-grid .evidence img{aspect-ratio:auto}.design-build-section .flow-steps{margin:18px 0}.comparison-grid{grid-template-columns:1fr;gap:10px}.comparison-card__copy{flex-direction:column;align-items:stretch;gap:12px}.comparison-card__links{white-space:normal;flex-wrap:wrap}.states-card,.walkthrough-grid{grid-template-columns:1fr}.walkthrough-card--wide{grid-column:auto}.mobile-evidence-section .swipe-strip{padding-bottom:8px}.brand-flow{grid-template-columns:1fr;gap:10px}.brand-card__panel,.brand-storefront{height:120px}.architecture-grid{grid-template-columns:1fr;gap:10px}.scores-card{grid-template-columns:1fr 1fr;gap:20px;padding:20px;display:grid}.score strong{font-size:30px}.scores-meta{text-align:left;grid-column:1/-1;margin-left:0}.toyland-hero{padding:0 var(--gutter) 24px}.design-build-label{display:none}.toyland-hero__pair{grid-template-columns:1fr;gap:10px}.toyland-hero__image,.toyland-hero__pair .placeholder-slot{height:190px;min-height:190px}.toyland-hero>p{font-size:11.5px}.buying-modes,.toyland-comparisons,.discovery-grid,.two-col-copy{grid-template-columns:1fr}.toyland-comparisons{gap:12px}.browser-comparison{grid-template-columns:1fr;gap:10px}.browser-comparison img,.browser-comparison .placeholder-slot{height:145px;min-height:145px}.discovery-plp{height:280px}.discovery-grid .browser-frame img,.discovery-grid .evidence>button>img{height:220px}.pdp-evidence{padding-bottom:0}.pdp-full{height:260px}.pdp-evidence__detail{width:100%;margin-top:12px;position:static}.pdp-evidence__detail img{height:260px}.mobile-specs{grid-template-columns:1fr}.mobile-specs>.phone-evidence{justify-self:center}.mobile-pdp-pair .phone-comparison{overflow:hidden}.phone-comparison .phone-frame{flex-basis:126px;width:126px}.phone-comparison .phone-frame img,.phone-comparison .phone-frame .placeholder-slot{height:245px}.search-states-card{padding:16px}.search-states-card__head{flex-direction:column;align-items:flex-start;gap:10px}.toyland-state-switcher{grid-template-columns:1fr;gap:12px}.toyland-state-switcher .state-switcher__tabs{width:100%}.fidelity-result,.status-evidence{flex-direction:column;align-items:flex-start}.status-evidence .placeholder-slot{width:100%}.kloss-shipped{padding:0 var(--gutter) 28px;grid-template-columns:1fr;gap:20px}.kloss-shipped h2,.kloss-section-head h2{font-size:20px}.kloss-shipped p,.kloss-section-head p,.after-launch-grid p,.kloss-live p{font-size:13px}.kloss-hero-shot{height:220px}.kloss-catalogue{padding:28px var(--gutter)}.kloss-catalogue__desktop{display:none}.kloss-catalogue__mobile{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.kloss-catalogue__card{flex:0 0 220px}.kloss-catalogue__card img{height:300px}.after-launch-grid,.kloss-live__content{grid-template-columns:1fr;gap:20px}.after-launch-evidence,.kloss-live__content .browser-frame{display:none}.tennis-idea{grid-template-columns:1fr;gap:20px}.tennis-idea>div:first-child{min-width:0}.tennis-idea h2,.shared-state__head h2{font-size:20px}.tennis-idea p,.shared-state__head p,.tennis-gallery>p,.tennis-build>p{font-size:13px}.tennis-phone-pair{justify-content:center}.tennis-phone-pair .phone-frame{flex-basis:138px;width:138px}.tennis-player,.tennis-gallery{padding:28px var(--gutter);scroll-margin-top:58px}.tennis-section-head{align-items:flex-start;gap:8px}.tennis-section-head>span{font-size:10px}.tennis-player__grid{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.tennis-feature{flex:0 0 310px}.tennis-feature--booking{flex-basis:340px}.tennis-feature--message{flex-basis:190px}.shared-state{padding:36px var(--gutter);scroll-margin-top:58px}.shared-state__flow{grid-template-columns:1fr;gap:10px}.shared-state__club{width:100%}.shared-state__phone .phone-frame{flex-basis:170px;width:170px}.prototype-note,.tennis-status{flex-direction:column;align-items:flex-start}.tennis-gallery__strip{padding-bottom:8px;overflow-x:auto}.tennis-gallery__admin{flex-basis:280px;min-width:280px}.tennis-build__cards{grid-template-columns:1fr;gap:10px}.next-teaser{padding:24px var(--gutter)}.next-teaser strong{font-size:16px}.next-teaser img{width:132px;height:64px}.footer__inner{padding:36px var(--gutter) 22px}.footer__contact{grid-template-columns:1fr;gap:32px}.footer h2{margin-top:14px;font-size:26px}.footer p{font-size:13px}.footer__links{flex-wrap:wrap}.footer__links .button{width:100%}.footer__whatsapp{min-height:44px}.contact-form__row,.contact-form__submit{grid-template-columns:1fr}.contact-form__submit .button{width:100%}.footer__base{margin-top:34px;font-size:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}