*{box-sizing:border-box;margin:0;padding:0}
:root{--orange:#ff5a00;--orange2:#ff8a00;--red:#e82618;--black:#070707;--dark:#101010;--paper:#f7f4ef;--gray:#737373;--line:#dedbd5;--max:1240px}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:#151515;background:var(--paper);overflow-x:hidden}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.container{width:min(calc(100% - 48px),var(--max));margin:auto}
#header{position:fixed;z-index:1000;top:0;width:100%;height:78px;background:rgba(7,7,7,.72);backdrop-filter:blur(14px);color:white;border-bottom:1px solid rgba(255,255,255,.08);transition:.3s}
#header.scrolled{background:rgba(7,7,7,.96)}
.nav{height:100%;display:flex;align-items:center;gap:35px}
.logo{display:flex;align-items:center;gap:10px;min-width:180px}.logo-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--red),var(--orange2));display:grid;place-items:center;font-weight:900;font-size:12px;box-shadow:0 7px 25px #ff4a002e}.logo b{display:block;font-size:15px;letter-spacing:1.2px}.logo small{display:block;font-size:8px;letter-spacing:3px;color:#aaa;margin-top:2px}
nav{display:flex;gap:28px;margin:auto;font-size:12px;font-weight:700;color:#ddd}nav a:hover{color:#ff7600}
.nav-button,.button{border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.7px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;transition:.25s}
.nav-button{background:linear-gradient(110deg,var(--red),var(--orange));color:white}.nav-button:hover,.button:hover{transform:translateY(-2px)}
.hamburger{display:none;border:0;background:none;color:white;font-size:25px;margin-left:auto}
.hero{min-height:760px;background:var(--black);color:white;padding:145px 0 85px;position:relative;overflow:hidden}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 72% 40%,#ff4a001f,transparent 28%),radial-gradient(circle at 20% 80%,#ff8a0010,transparent 25%)}.hero-grid{position:relative;display:grid;grid-template-columns:.93fr 1.07fr;gap:70px;align-items:center}
.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;gap:10px;align-items:center;color:#c9c9c9;font-size:10px;font-weight:900;letter-spacing:3px}.eyebrow span{display:inline-block;width:24px;height:3px;background:var(--orange)}.eyebrow.dark{color:#555}.hero h1{font-family:Poppins,sans-serif;font-size:clamp(48px,6vw,82px);line-height:.91;letter-spacing:-5px;margin:24px 0}.hero h1 em,.section h2 em,.studio-copy h2 em,.center-head h2 em,.cta h2 em,.contact h2 em{font-style:normal;color:var(--orange)}
.hero-copy>p{color:#a7a7a7;line-height:1.75;max-width:560px;font-size:15px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.primary{color:white;background:linear-gradient(110deg,var(--red),var(--orange));box-shadow:0 12px 35px #ff530026}.secondary,.outline{border:1px solid #555;color:white}.hero-trust{display:flex;gap:20px;color:#888;font-size:10px;flex-wrap:wrap}
.hero-photo{height:560px;border-radius:18px;overflow:hidden;position:relative;border:1px solid #ffffff1a;box-shadow:0 35px 100px #000}.hero-photo>img{width:100%;height:100%;object-fit:cover}.photo-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#00000008 25%,#000000aa 100%),linear-gradient(90deg,#00000044,#0000)}.photo-badge{position:absolute;top:20px;right:20px;background:#ef2017;padding:9px 13px;border-radius:5px;font-size:9px;font-weight:900;letter-spacing:1px}.photo-badge span{display:inline-block;width:7px;height:7px;background:#fff;border-radius:50%;margin-right:7px}.photo-caption{position:absolute;bottom:24px;left:25px}.photo-caption strong{display:block;font-size:21px;letter-spacing:1px}.photo-caption small{color:#ccc}
.mini-bar{background:#fff;border-bottom:1px solid var(--line)}.mini-items{display:grid;grid-template-columns:repeat(4,1fr)}.mini-items>div{padding:27px 24px;border-right:1px solid var(--line);display:grid;grid-template-columns:42px 1fr;column-gap:8px}.mini-items>div:last-child{border-right:0}.mini-items b{grid-row:span 2;color:var(--orange);font-size:12px}.mini-items span{font-size:11px;font-weight:900;letter-spacing:1px}.mini-items small{font-size:10px;color:#888;margin-top:4px}
.section{padding:105px 0;background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-head h2,.studio-copy h2,.center-head h2,.cta h2,.contact h2{font-family:Poppins;font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-3px;margin-top:17px}.section-head>p{max-width:420px;color:#777;line-height:1.7;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{padding:35px 27px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfaf7;transition:.25s}.service:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000000c}.icon{width:48px;height:48px;border-radius:12px;background:#1a1a1a;color:var(--orange);display:grid;place-items:center;font-size:21px;margin-bottom:25px}.service h3{font-family:Poppins;font-size:21px}.service p{color:#777;font-size:12px;line-height:1.7;margin:10px 0 20px}.service a{font-size:10px;font-weight:900;color:var(--orange)}
.dark-section{background:#080808;color:white;padding:105px 0}.studio-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.studio-photo{height:560px;position:relative;border-radius:15px;overflow:hidden}.studio-photo img{width:100%;height:100%;object-fit:cover}.studio-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 50%)}.studio-label{position:absolute;z-index:2;bottom:22px;left:25px;font-size:11px;letter-spacing:2px;font-weight:900}.studio-copy h2{margin-bottom:20px}.studio-copy>p{color:#999;line-height:1.8;font-size:14px;max-width:570px}.features{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;margin:28px 0 32px}.features div{display:flex;gap:9px;align-items:center;color:#bbb;font-size:11px}.features b{color:var(--orange)}
.process{background:white}.center-head{text-align:center;max-width:800px;margin:0 auto 45px}.center-head.light{color:white}.center-head>p{color:#888;max-width:560px;margin:14px auto;line-height:1.7;font-size:13px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{padding:30px;border:1px solid var(--line);background:#faf9f6}.step>b{color:var(--orange);font-size:12px}.step h3{font-family:Poppins;font-size:21px;margin:25px 0 8px}.step p{font-size:12px;line-height:1.7;color:#777}
.pricing{background:#090909;color:white;padding:105px 0}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.price-card{border:1px solid #2d2d2d;border-radius:14px;padding:34px;background:#101010;position:relative}.price-card.featured{border-color:#ff650080;background:linear-gradient(145deg,#19110c,#101010)}.popular{position:absolute;right:18px;top:18px;background:var(--orange);font-size:8px;font-weight:900;padding:7px 10px;border-radius:999px}.tag{font-size:9px;letter-spacing:2px;color:var(--orange);font-weight:900}.price-card h3{font-family:Poppins;font-size:27px;margin:13px 0}.price{font-size:44px;font-weight:900}.price span{color:#777;font-size:25px}.price-card>small{color:#777}.price-card ul{list-style:none;border-top:1px solid #2c2c2c;margin:25px 0;padding-top:20px}.price-card li{font-size:11px;color:#aaa;margin:12px 0}.price-card li:before{content:"✓";color:var(--orange);margin-right:9px}.price-card>a{display:block;text-align:center;border:1px solid #444;border-radius:999px;padding:13px;font-size:9px;font-weight:900}.featured>a{background:var(--orange);border-color:var(--orange)}
.cta{padding:75px 0;background:linear-gradient(120deg,#fff,#f1eee8)}.cta-inner{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:40px}.cta h2{font-size:clamp(36px,4.3vw,57px)}.cta p,.contact p{color:#777;line-height:1.7;margin-top:14px;font-size:13px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.outline{color:#111;border-color:#aaa}
.contact{background:white;padding:100px 0}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.contact h2{margin-top:20px}.contact-data{display:grid;gap:12px;margin-top:30px;color:#555;font-size:12px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact input,.contact select,.contact textarea{width:100%;border:1px solid #d7d4ce;background:#faf9f6;padding:15px;border-radius:8px;outline:none;font-size:12px}.contact textarea,.contact form button{grid-column:1/-1}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--orange)}
footer{background:#070707;color:white;padding:40px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center}.footer-logo{width:180px}.footer-links{display:flex;gap:23px;color:#999;font-size:11px}.footer-links a:hover{color:var(--orange)}.socials{display:flex;gap:7px}.socials a{width:32px;height:32px;border:1px solid #333;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:900}.footer-grid>small{grid-column:1/-1;border-top:1px solid #222;padding-top:22px;color:#666;font-size:9px}
.toast{position:fixed;right:20px;bottom:20px;z-index:2000;background:#111;color:white;padding:15px 20px;border-radius:10px;box-shadow:0 20px 60px #0004;transform:translateY(130px);opacity:0;transition:.35s;font-size:12px}.toast.show{transform:none;opacity:1}
@media(max-width:900px){.nav nav{display:none}.hamburger{display:block}.nav-button{display:none}.hero-grid,.studio-grid,.cta-inner,.contact-grid{grid-template-columns:1fr}.hero{padding-top:115px}.hero-photo{height:430px}.service-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr}.cta-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr}.footer-grid>small{grid-column:auto}}
@media(max-width:600px){.container{width:calc(100% - 30px)}.hero{padding-bottom:55px}.hero h1{font-size:49px;letter-spacing:-3px}.hero-photo{height:350px}.hero-trust{display:grid;gap:8px}.mini-items{grid-template-columns:1fr 1fr}.mini-items>div:nth-child(2){border-right:0}.mini-items>div{border-bottom:1px solid var(--line)}.section,.dark-section,.pricing,.contact{padding:72px 0}.section-head{display:block}.section-head>p{margin-top:20px}.service-grid{grid-template-columns:1fr}.studio-photo{height:350px}.features{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.contact form{grid-template-columns:1fr}.contact textarea,.contact form button{grid-column:auto}.footer-links{flex-wrap:wrap}.footer-logo{margin-bottom:5px}}
