:root{--bg:#050505;--surface:#101010;--surface-2:#181818;--text:#f7f3ec;--muted:#9b978f;--line:#ffffff1f;--accent:#ff5a1f;--radius:8px;--max:1180px;--transition:.18s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}body:before{content:"";pointer-events:none;opacity:.42;background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/25vw 100%,linear-gradient(#ffffff06 1px,#0000 1px) 0 0/100% 20vh;position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-header{z-index:20;width:min(100% - 2rem, var(--max));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050505d1;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:76px;margin-inline:auto;display:grid;position:sticky;top:0}.logo{min-height:44px;color:var(--text);letter-spacing:.06em;align-items:center;font-size:1rem;font-weight:900;display:inline-flex}.site-header nav{color:var(--muted);gap:clamp(1rem,2vw,2rem);font-size:.92rem;font-weight:700;display:flex}.site-header nav a,.site-footer a,.breadcrumbs a{align-items:center;min-height:44px;display:inline-flex}.site-header nav a:hover,.site-footer a:hover{color:var(--accent)}.header-cta{border:1px solid var(--line);border-radius:var(--radius);min-height:42px;color:var(--text);transition:border-color var(--transition), transform var(--transition);justify-self:end;align-items:center;padding:.65rem .9rem;font-weight:800;display:inline-flex}.header-cta:hover{border-color:var(--accent);transform:translateY(-1px)}.section-grid{width:min(100% - 2rem, var(--max));grid-template-columns:120px minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);margin-inline:auto;padding:clamp(5rem,11vw,10rem) 0;display:grid;position:relative}.hero{grid-template-columns:120px minmax(0,.92fr) minmax(220px,.45fr);align-items:center;min-height:calc(100svh - 76px);padding-top:clamp(3rem,8vw,7rem)}.hero-index,.section-index{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:900}.eyebrow{color:var(--accent);letter-spacing:.02em;margin:0 0 1rem;font-size:clamp(1.1rem,2.2vw,2rem);font-weight:900}h1,h2{color:var(--text);letter-spacing:-.055em;overflow-wrap:anywhere;margin:0;font-weight:950;line-height:.88}h1{max-width:850px;font-size:clamp(4.4rem,6vw,10.8rem)}h2{font-size:clamp(2.5rem,7vw,6.4rem)}.hero-text,.agency p,.project-copy p,.contact-copy p,.legal-page p{max-width:620px;color:var(--muted);font-size:clamp(1rem,1.7vw,1.25rem)}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.button{border-radius:var(--radius);min-height:48px;transition:transform var(--transition), border-color var(--transition), background var(--transition);justify-content:center;align-items:center;padding:.8rem 1.05rem;font-weight:900;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{border:1px solid var(--accent);background:var(--accent);color:#100806}.button-secondary{border:1px solid var(--line);color:var(--text)}.button-secondary:hover{border-color:var(--accent)}.hero-mark{border-left:1px solid var(--line);min-height:360px;position:relative}.hero-mark span{color:#ffffff0b;writing-mode:vertical-rl;font-size:clamp(8rem,18vw,16rem);font-weight:950;line-height:.78;position:absolute;bottom:0;right:0}.hero-mark i{background:var(--accent);width:2px;height:42%;animation:1.4s both lineDrop;position:absolute;top:0;left:-1px}.agency{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project{grid-template-columns:120px minmax(260px,.55fr) minmax(0,1fr);align-items:center}.project-copy .button{margin-top:1.3rem}.mockup-stage{min-height:clamp(430px,55vw,670px);position:relative}.mockup{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0;overflow:hidden;box-shadow:0 24px 80px #00000057}.mockup img{width:100%;height:auto}.mockup-desktop{width:min(100%,780px)}.mockup-mobile{width:min(34%,245px);position:absolute;bottom:0;right:0}.mockup-mobile img{object-fit:cover;object-position:top;height:520px}.expertise{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.expertise ul{background:var(--line);grid-column:2;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:2rem 0 0;padding:0;list-style:none;display:grid}.expertise li{background:var(--bg);min-height:160px;color:var(--text);flex-direction:column;justify-content:space-between;padding:1rem;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:900;display:flex}.expertise li a{flex-direction:column;justify-content:space-between;gap:1rem;min-height:100%;display:flex}.expertise span{color:var(--accent);font-size:.78rem}.expertise small{color:var(--muted);font-size:.82rem;font-weight:700;line-height:1.35;display:block}.expertise-links{flex-wrap:wrap;grid-column:2;gap:.5rem;display:flex}.expertise-links a,.service-nav a{border:1px solid var(--line);min-height:44px;color:var(--muted);border-radius:999px;align-items:center;padding:.45rem .7rem;font-size:.86rem;font-weight:800;display:inline-flex}.expertise-links a:hover,.service-nav a:hover{border-color:var(--accent);color:var(--text)}.contact{grid-template-columns:120px minmax(0,.8fr) minmax(280px,.65fr)}.contact-copy .button{margin-top:1.1rem}.contact-form{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff0e,#ffffff05);gap:.85rem;padding:clamp(1rem,2vw,1.35rem);display:grid}.contact-form label{color:var(--muted);gap:.35rem;font-size:.88rem;font-weight:800;display:grid}.contact-form label span{color:#706b63;font-weight:700}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:46px;color:var(--text);font:inherit;background:#ffffff0f;padding:.8rem}.contact-form select{appearance:none}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent);outline:none}.hp-field{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hp-field input{width:1px}.form-status{min-height:1.3rem;color:var(--muted);margin:0}.site-footer{width:min(100% - 2rem, var(--max));border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem;margin-inline:auto;padding:2rem 0 2.4rem;font-size:.92rem;display:flex}.site-footer strong{color:var(--text);margin-right:auto}.legal-page{width:min(100% - 2rem,880px);margin-inline:auto;padding:clamp(3rem,8vw,7rem) 0}.legal-page h1{margin:2rem 0;font-size:clamp(3rem,10vw,7rem)}.service-main{background:var(--bg)}.breadcrumbs{width:min(100% - 2rem, var(--max));color:var(--muted);gap:.55rem;margin:2rem auto 0;font-size:.88rem;font-weight:800;display:flex}.breadcrumbs a:hover{color:var(--accent)}.service-hero{align-items:end;min-height:56svh}.service-hero h1{max-width:980px;font-size:clamp(3.2rem,9vw,8.5rem)}.service-intro{max-width:780px;color:var(--muted);margin-top:1.4rem;font-size:clamp(1.05rem,1.8vw,1.3rem)}.service-content{border-top:1px solid var(--line);grid-template-columns:240px minmax(0,1fr);align-items:start}.service-nav{flex-wrap:wrap;gap:.5rem;display:flex;position:sticky;top:96px}.service-article{gap:1rem;display:grid}.editorial-block,.steps-block,.insight-block,.service-cta{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff0b,#ffffff05);padding:clamp(1.1rem,2.6vw,2rem)}.editorial-block span{color:var(--accent);font-size:.78rem;font-weight:900}.editorial-block h2,.steps-block h2,.insight-block h2,.service-cta h2{margin-top:.6rem;font-size:clamp(1.8rem,4vw,3.6rem);line-height:.95}.editorial-block p,.steps-block li,.insight-block p,.service-cta p{max-width:780px;color:var(--muted);font-size:clamp(1rem,1.4vw,1.12rem)}.steps-block ol{background:var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:1.4rem 0 0;padding:0;list-style:none;display:grid}.steps-block li{background:var(--bg);min-height:120px;color:var(--text);padding:1rem;font-weight:850}.service-cta .button{margin-top:1rem}.case-visuals{padding-top:0}.case-mockups{min-height:660px;position:relative}.case-mockups .mockup:first-child{width:min(100%,820px)}.case-phone{width:min(28%,250px)}.detail-page{width:min(100% - 2rem, var(--max));margin-inline:auto;padding:2rem 0 5rem}.detail-page>.logo{margin-bottom:1rem}.detail-hero{border-bottom:1px solid var(--line);align-content:end;gap:1.2rem;min-height:58svh;padding:clamp(4rem,9vw,8rem) 0;display:grid}.detail-hero h1{max-width:1050px;font-size:clamp(3rem,8.5vw,8.4rem)}.detail-hero p,.detail-insights p,.faq-block p{max-width:780px;color:var(--muted);font-size:clamp(1rem,1.45vw,1.15rem)}.detail-sections{background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:clamp(2rem,5vw,4rem) 0 1rem;display:grid}.detail-sections article,.detail-insights,.faq-block,.internal-links{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff0b,#ffffff05);padding:clamp(1.1rem,2.6vw,2rem)}.detail-sections article{border:0;border-radius:0}.detail-sections span{color:var(--accent);font-size:.78rem;font-weight:900}.detail-sections h2,.detail-insights h2,.faq-block h2{margin-top:.8rem;font-size:clamp(1.8rem,4vw,3.6rem);line-height:.95}.detail-sections p{color:var(--muted);font-size:clamp(.98rem,1.3vw,1.08rem)}.detail-insights,.faq-block,.internal-links{margin-top:1rem}.faq-block details{border-top:1px solid var(--line);padding:1rem 0}.faq-block summary{min-height:44px;color:var(--text);cursor:pointer;align-items:center;font-weight:900;display:flex}.internal-links{flex-wrap:wrap;gap:.55rem;display:flex}.internal-links a,.seo-links a{border:1px solid var(--line);min-height:44px;color:var(--muted);border-radius:999px;align-items:center;padding:.45rem .75rem;font-size:.86rem;font-weight:850;display:inline-flex}.internal-links a:hover,.seo-links a:hover{border-color:var(--accent);color:var(--text)}.seo-links{width:min(100% - 2rem, var(--max));flex-wrap:wrap;gap:.5rem;margin:0 auto 2rem;display:flex}.case-page .case-mockups{grid-template-columns:minmax(0,1fr) minmax(140px,.32fr);align-items:start;gap:1rem;margin:0 0 clamp(2rem,5vw,4rem);display:grid}.case-page .case-mockups img{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}@keyframes lineDrop{0%{transform-origin:top;transform:scaleY(0)}to{transform-origin:top;transform:scaleY(1)}}@media (max-width:1024px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.section-grid,.hero,.project,.contact{grid-template-columns:1fr}.section-index,.hero-index{order:-1}.hero-mark{display:none}.expertise ul{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.expertise-links{grid-column:auto}.service-content{grid-template-columns:1fr}.service-nav{position:static}.steps-block ol{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-sections{grid-template-columns:1fr}}@media (max-width:640px){.site-header{width:min(100% - 1rem, var(--max))}.header-cta{padding-inline:.7rem;font-size:.86rem}.section-grid{width:min(100% - 1rem, var(--max));padding:4rem 0}h1{font-size:clamp(3.35rem,18vw,5rem)}.hero-actions,.contact-copy .button,.button{width:100%}.mockup-stage{gap:.75rem;min-height:auto;display:grid}.mockup-desktop{width:100%}.mockup-mobile{justify-self:end;width:min(58%,220px);margin-top:-3rem;position:relative;bottom:auto;right:auto}.mockup-mobile img{height:360px}.expertise ul{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start}.breadcrumbs{width:min(100% - 1rem, var(--max))}.service-hero h1{font-size:clamp(2.7rem,15vw,4.6rem)}.steps-block ol{grid-template-columns:1fr}.case-mockups{gap:.75rem;min-height:auto;display:grid}.detail-page,.seo-links{width:min(100% - 1rem, var(--max))}.detail-hero h1{font-size:clamp(2.7rem,15vw,4.6rem)}.case-page .case-mockups{grid-template-columns:1fr}.case-phone{justify-self:end;width:min(58%,220px);margin-top:-3rem;position:relative}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}