:root{--ink:#242426;--accent:#645e57;--surface:#eee7dd;--paper:#f7f4ee;--white:#fffdf9;--line:#dcd5cb;--muted:#706a63;--night:#242426;--on-dark:#f3ede4;--muted-on-dark:#c8c1b7;--line-on-dark:#494744;--accent-on-dark:#ded3c2;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.55}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.nav-wrap{position:sticky;top:0;z-index:20;background:rgba(247,244,238,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(36,36,38,.08)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.monogram{font:800 1.2rem 'Manrope';color:var(--ink);text-decoration:none;letter-spacing:-.04em}.monogram span{color:var(--accent)}.nav-links{display:flex;gap:34px}.nav-links a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.92rem}.nav-links a:hover{color:var(--accent)}.lang{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:99px;background:white;cursor:pointer}.lang span{padding:5px 8px;border-radius:99px;font-size:.72rem;font-weight:700}.lang .active{background:var(--ink);color:white}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:center;padding-block:32px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.eyebrow i{width:8px;height:8px;background:#21b26b;border-radius:50%;box-shadow:0 0 0 5px #d9f5e7}.hero h1{font:700 clamp(2.8rem,4.6vw,4.65rem)/.98 'Manrope';letter-spacing:-.07em;margin:22px 0}.hero h1 em{font-style:normal;color:var(--accent)}.lead{max-width:660px;font-size:1.05rem;color:var(--muted)}.hero-actions{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 20px;border-radius:12px;text-decoration:none;font-weight:700}.btn.primary{background:var(--ink);color:white}.btn.primary:hover{background:var(--accent)}.btn.secondary{border:1px solid var(--line);color:var(--ink);background:white}.hero-card{background:var(--ink);color:white;border-radius:28px;padding:20px;box-shadow:0 24px 70px rgba(36,36,38,.18);transform:rotate(1.5deg)}.orb{aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#b8afa4,var(--accent) 48%,#4c4843);margin:0 auto 12px;max-width:108px}.orb span{font:800 2.45rem/1 'Manrope';letter-spacing:-.08em}.orb small{font-weight:600;font-size:.68rem}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-on-dark);border:1px solid var(--line-on-dark);border-radius:15px;overflow:hidden}.role-grid p{background:var(--ink);margin:0;padding:10px 12px;display:flex;flex-direction:column}.role-grid b{font-size:.76rem}.role-grid span{font-size:.67rem;color:var(--muted-on-dark);margin-top:5px}.proof{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-block:18px}.proof>span{font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--muted)}.proof div{display:flex;gap:44px}.proof b{font-size:.95rem}.case{background:var(--night);color:var(--on-dark);padding-block:110px;overflow:hidden}.section-head .index,.index{display:block;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.14em;margin-bottom:24px}.section-head h2{font:800 clamp(3rem,7vw,6.7rem)/1 'Manrope';letter-spacing:-.07em;margin:0}.section-head>p{color:var(--muted-on-dark);max-width:650px;font-size:1.15rem;margin:24px 0 0}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line-on-dark);margin-top:60px}.case-meta div{padding:24px 28px 24px 0}.case-meta small{display:block;color:var(--muted);font-size:.67rem;letter-spacing:.12em;margin-bottom:8px}.case-meta b{font-size:.9rem}.showcase{margin-top:60px;display:grid;grid-template-columns:.7fr 1.3fr .7fr;align-items:center;gap:32px}.phone{margin:0;overflow:hidden;border:8px solid #363435;border-radius:32px;background:#fff;box-shadow:0 35px 80px #0008}.phone img{display:block;width:100%;height:min(54vh,560px);object-fit:cover;object-position:top}.p1{transform:rotate(-3deg)}.p2{transform:rotate(3deg)}.case-story{padding:20px}.tag{color:var(--accent-on-dark);font-size:.7rem;font-weight:800;letter-spacing:.14em}.case-story h3{font:700 clamp(2rem,3.6vw,3.7rem)/1.07 'Manrope';letter-spacing:-.05em;margin:18px 0 22px}.case-story>p{color:var(--muted-on-dark)}.case-story ul{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--line-on-dark)}.case-story li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line-on-dark)}.case-story li>b{color:var(--accent-on-dark);font-size:.74rem}.case-story li span{display:flex;flex-direction:column}.case-story small{color:var(--muted-on-dark);margin-top:3px}.dashboard-shot{margin:110px auto 0;max-width:860px;background:#fff;border-radius:28px;padding:12px;color:var(--ink);box-shadow:0 35px 90px #0009}.dashboard-shot img{width:100%;display:block;border-radius:18px;max-height:560px;object-fit:cover;object-position:top}.shot-caption{display:flex;align-items:center;justify-content:space-between;padding:18px 12px 8px;gap:30px}.shot-caption span{font-size:.7rem;text-transform:uppercase;color:var(--accent);font-weight:800;letter-spacing:.12em}.shot-caption b{text-align:right}.confidential{font-size:.75rem;color:#b7afa4;text-align:center;margin-top:22px}.experience{padding-block:110px}.section-head.compact{display:grid;grid-template-columns:1fr 2fr;align-items:start}.section-head.compact h2{font-size:clamp(2.4rem,4.5vw,4.8rem)}.timeline{margin-top:70px;border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:150px 1fr 1fr;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);transition:.2s}.timeline article:hover{padding-inline:16px;background:white}.timeline time{font-size:.78rem;color:var(--muted)}.timeline h3{margin:0;font:700 1.2rem 'Manrope'}.timeline p{margin:3px 0 0;color:var(--muted)}.timeline article>span{text-align:right;color:var(--muted);font-size:.86rem}.contact{background:var(--ink);color:var(--on-dark);padding-block:100px}.contact .index{color:var(--accent-on-dark)}.contact h2{font:800 clamp(2.8rem,6vw,6rem)/1 'Manrope';letter-spacing:-.07em;max-width:900px;margin:0}.contact p{font-size:1.1rem;max-width:560px;color:var(--muted-on-dark);margin:28px 0}.contact a{display:flex;justify-content:space-between;align-items:center;color:var(--on-dark);text-decoration:none;font:700 clamp(1.2rem,3vw,2rem) 'Manrope';padding:20px 0;border-bottom:1px solid #aaa095}.contact a b{font-size:2rem}footer{display:flex;justify-content:space-between;padding-block:28px;font-size:.78rem;color:var(--muted)}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:30px;padding-block:52px}.hero-card{max-width:580px;transform:none}.showcase{grid-template-columns:1fr 1fr}.case-story{grid-column:1/-1;grid-row:1}.p1,.p2{transform:none}.case-meta{grid-template-columns:1fr}.case-meta div{border-bottom:1px solid var(--line-on-dark)}.section-head.compact{display:block}.timeline article{grid-template-columns:120px 1fr}.timeline article>span{display:none}}@media(max-width:600px){.shell{width:min(100% - 28px,1180px)}.nav-links{display:none}.nav{height:64px}.hero{padding-block:44px}.hero h1{font-size:3.35rem}.lead{font-size:1rem}.btn{width:100%}.proof{align-items:flex-start;gap:20px}.proof div{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.case,.experience,.contact{padding-block:78px}.case-meta{margin-top:40px}.showcase{gap:12px;margin-top:45px}.phone{border-width:4px;border-radius:20px}.phone img{height:420px}.case-story{padding:0}.dashboard-shot{margin-top:70px}.shot-caption{display:block}.shot-caption b{display:block;text-align:left;margin-top:5px}.timeline article{grid-template-columns:1fr;gap:8px}.contact h2{font-size:3rem}footer{gap:20px}}
.case .index,.case-meta small{color:var(--accent-on-dark)}
.nav-links a:hover{text-decoration:underline;text-underline-offset:5px}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.contact a:focus-visible{outline-color:var(--on-dark)}
.contact a:hover{color:var(--white);border-bottom-color:var(--white)}
::selection{background:#d7cec1;color:var(--ink)}