:root{--ink:#101011;--paper:#f2ede5;--acid:#dfff4f;--violet:#7b49f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}header{position:absolute;z-index:10;inset:0 0 auto;height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff}.logo{font-size:29px;font-weight:900;letter-spacing:-.08em}.logo span{color:var(--acid)}header nav{display:flex;align-items:center;gap:26px;font-size:13px}header .menu{display:none}.pill{background:var(--acid);color:#111;padding:13px 18px;border-radius:999px;font-weight:800}.big{padding:17px 23px;display:inline-flex}.hero{min-height:830px;padding:130px 5vw 70px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative}.hero-copy{padding-right:5vw}.hero small,.section small{font-size:11px;letter-spacing:.18em}.hero h1{font-size:clamp(54px,6.3vw,104px);line-height:.89;letter-spacing:-.065em;margin:28px 0}.hero-copy p{color:#b8b5af;line-height:1.75;font-size:17px;max-width:570px}.actions{display:flex;align-items:center;gap:28px;margin-top:36px}.portrait{width:min(42vw,570px);height:650px;justify-self:end;border-radius:260px 260px 20px 20px;overflow:hidden;position:relative;background:#c8b8a2}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait>b{position:absolute;z-index:2;left:28px;top:55px;font-size:42px;line-height:.82;letter-spacing:-.06em;mix-blend-mode:difference}.portrait>i{position:absolute;right:20px;bottom:24px;width:115px;height:115px;border-radius:50%;background:var(--acid);color:#111;display:grid;place-content:center;text-align:center;font-size:11px;font-weight:900}.hero-badge{position:absolute;right:calc(5vw + 455px);bottom:82px;width:190px;background:var(--violet);padding:22px;transform:rotate(-3deg)}.hero-badge strong{font-size:40px;display:block}.hero-badge span{font-size:12px}.ticker{background:var(--acid);padding:18px 5vw;white-space:nowrap;overflow:hidden;font-size:13px;font-weight:900}.section{padding:120px 5vw}.intro{display:grid;grid-template-columns:.8fr 2.2fr;gap:60px;align-items:center;min-height:620px}.section h2,.contact h2{font-size:clamp(50px,7vw,100px);line-height:.91;letter-spacing:-.06em;margin:25px 0}.section h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.intro p{max-width:650px;margin-left:15vw;line-height:1.7;font-size:19px;color:#555}.platforms{background:#d9d0c4}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.heading h2{font-size:clamp(48px,6vw,82px)}.heading>p{max-width:330px;color:#666;line-height:1.6}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.platform-card{min-height:370px;padding:40px;border-radius:10px;color:#fff;position:relative;overflow:hidden}.instagram{background:linear-gradient(135deg,#7735d5,#d7317a,#ef912d)}.tiktok{background:#111}.platform-name{display:flex;align-items:center;gap:15px}.platform-name>span,.platform-name>a{width:52px;height:52px;border-radius:50%;display:grid;place-content:center;background:#ffffff1c}.platform-name>a{margin-left:auto;background:#fff;color:#111}.platform-name h3{margin:3px 0;font-size:24px}.stats{position:absolute;left:40px;right:40px;bottom:35px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats div{border-top:1px solid #ffffff55;padding-top:18px}.stats b{font-size:clamp(28px,3vw,48px);display:block}.stats span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.services{background:#101011;color:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-grid article{min-height:430px;padding:28px;border:1px solid #333;border-radius:12px;background:#181819;display:flex;flex-direction:column}.service-grid .featured{background:var(--acid);color:#111;transform:translateY(-18px)}.service-grid h3{font-size:30px;line-height:1.05;margin:80px 0 20px}.service-grid p{color:#aaa;line-height:1.7}.service-grid .featured p{color:#444}.service-grid a{margin-top:auto;border-top:1px solid #ffffff22;padding-top:22px;font-size:12px;font-weight:800}.proof{display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw}.proof-copy{position:sticky;top:30px;align-self:start}.proof-copy p{color:#666;line-height:1.6}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gallery button{border:0;padding:0;background:#111;position:relative;overflow:hidden;border-radius:8px;cursor:zoom-in}.gallery img{width:100%;display:block}.gallery button:nth-child(even){margin-top:60px}.gallery span{position:absolute;inset:auto 0 0;padding:50px 18px 18px;text-align:left;color:#fff;background:linear-gradient(transparent,#000e)}.gallery span small,.gallery span b{display:block}.contact{min-height:700px;background:var(--violet);color:#fff;display:grid;place-content:center;text-align:center;padding:40px}.contact p{opacity:.65}footer{padding:35px 5vw;background:#101011;color:#fff;display:flex;justify-content:space-between;align-items:center}footer p{font-size:12px;opacity:.5}dialog{max-width:min(90vw,700px);max-height:92vh;background:#111;color:#fff;border:1px solid #333;border-radius:12px;padding:20px}dialog img{max-width:100%}.close{float:right;background:transparent;color:#fff;border:0;font-size:32px}.admin-body{background:#f4f4f0}.login{min-height:100vh;background:#111;color:#fff;display:grid;place-content:center;padding:30px}.login>a{position:absolute;top:30px;left:4vw;color:#aaa}.login section{width:min(440px,90vw)}.login i{font-style:normal;font-size:30px}.login h1{font-size:54px;line-height:.92;letter-spacing:-.05em}.login p{color:#999;line-height:1.6}.login form,.login label{display:grid;gap:10px}.login input,.login button,.dashboard input,.dashboard textarea{padding:14px;border:1px solid #ddd;border-radius:8px;font:inherit}.login input{background:#1e1e1e;color:#fff;border-color:#333}.login button,.dashboard header button{background:var(--acid);border:0;border-radius:8px;padding:14px;font-weight:800}.error{color:#ff8d8d}.dashboard{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.dashboard aside{background:#121313;color:#fff;padding:30px}.dashboard aside>b{background:var(--acid);color:#111;padding:10px;border-radius:9px}.dashboard aside h2{margin:28px 0 0}.dashboard aside p{color:#777}.dashboard aside nav{display:grid;gap:12px;margin-top:45px}.dashboard aside nav a{padding:12px;border-radius:8px}.dashboard aside nav .active{background:#272828}.dashboard>main>header{position:relative;height:auto;color:#111;padding:25px 4vw;border-bottom:1px solid #ddd}.dashboard>main>header button{margin-left:auto}.dashboard form{padding:30px 4vw}.notice,.error-box{margin:25px 4vw 0;padding:14px;border-radius:8px}.notice{background:#e2fac9}.error-box{background:#ffdede}.form-card{background:#fff;border:1px solid #ddd;border-radius:14px;padding:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{display:grid;gap:7px;font-size:12px;color:#666}.form-grid .wide{grid-column:1/-1}.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:50px}.portrait{width:100%;height:600px}.hero-badge{left:5vw;right:auto}.intro,.proof{grid-template-columns:1fr}.intro p{margin-left:0}.platform-grid,.service-grid,.form-cols{grid-template-columns:1fr}.service-grid .featured{transform:none}.proof-copy{position:relative}.dashboard{grid-template-columns:1fr}.dashboard aside{display:none}}
@media(max-width:680px){header{height:72px}header .menu{display:block;background:transparent;border:0;color:#fff;font-size:25px}header nav{display:none;position:absolute;top:68px;left:16px;right:16px;background:#1c1c1d;border:1px solid #333;padding:20px;border-radius:12px;flex-direction:column;align-items:stretch}header nav.open{display:flex}.hero{padding:110px 20px 45px}.hero h1{font-size:54px}.actions{align-items:flex-start;flex-direction:column}.portrait{height:470px}.portrait>b{font-size:28px}.hero-badge{bottom:38px;width:165px}.section{padding:85px 20px}.intro{min-height:auto}.section h2,.contact h2{font-size:50px}.heading{display:block}.heading>p{margin-top:20px}.platform-card{padding:24px;min-height:440px}.stats{left:24px;right:24px;grid-template-columns:1fr 1fr}.service-grid h3{margin-top:50px}.gallery{gap:9px}.gallery button:nth-child(even){margin-top:30px}footer{align-items:flex-start;gap:20px;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.dashboard>main>header{display:flex}.dashboard>main>header h1{font-size:22px}}
.analytics-cards{padding:28px 4vw 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.analytics-cards article{background:#111;color:#fff;border-radius:14px;padding:22px;display:grid;gap:7px}.analytics-cards small{color:#999;font-size:9px;letter-spacing:.12em}.analytics-cards b{font-size:42px;letter-spacing:-.05em}.analytics-cards span{font-size:11px;color:#999}.gallery-admin{margin:0 4vw 70px}.gallery-admin>p{color:#777;font-size:13px}.upload-form{padding:0!important;display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.upload-form label{display:grid;gap:7px;font-size:12px;color:#666}.upload-form .wide{grid-column:1/-1}.upload-form button{background:#111;color:#fff;border:0;border-radius:8px;padding:13px;font-weight:800;width:max-content}.gallery-list{display:grid;gap:10px;margin-top:28px}.gallery-list article{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding:10px;border:1px solid #e4e4df;border-radius:10px}.gallery-list img{width:72px;height:72px;object-fit:cover;border-radius:7px}.gallery-list div{display:grid;gap:4px}.gallery-list span{font-size:12px;color:#777}.gallery-list form{padding:0!important}.gallery-list .delete{background:#ffe6e6;color:#9a2020;border:0;border-radius:7px;padding:9px 12px;cursor:pointer}
@media(max-width:1000px){.analytics-cards{grid-template-columns:1fr 1fr}}@media(max-width:680px){.analytics-cards{grid-template-columns:1fr 1fr;padding:18px 16px 0}.analytics-cards article{padding:16px}.analytics-cards b{font-size:32px}.gallery-admin{margin:0 16px 50px}.upload-form{grid-template-columns:1fr}.upload-form .wide{grid-column:auto}.gallery-list article{grid-template-columns:58px 1fr}.gallery-list img{width:58px;height:58px}.gallery-list form{grid-column:1/-1}.gallery-list .delete{width:100%}}
