@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Michroma&display=swap');

:root { --bg:#030303; --panel:#151515; --line:rgba(255,255,255,.27); --text:#f6f5f4; --muted:#bab9b8; --warm:#d9b057; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body { margin:0; overflow-x:hidden; color:var(--text); background:var(--bg); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
.section-shell { width:min(1420px,calc(100% - 64px)); margin:auto; }
.site-header { position:sticky; z-index:10; top:0; display:flex; align-items:center; gap:clamp(22px,4vw,74px); width:100%; padding:20px max(32px,calc((100% - 1420px)/2)); border-bottom:1px solid rgba(255,255,255,.14); background:rgba(3,3,3,.78); backdrop-filter:blur(18px); }
.brand { display:flex; align-items:center; letter-spacing:-.14em; font:44px/1 Michroma,sans-serif; white-space:nowrap; }
.brand span { margin-left:6px; letter-spacing:-.08em; font:10px/.95 Michroma,sans-serif; }
.brand { display:block; width:146px; height:54px; overflow:hidden; }
.brand img { display:block; flex:none; width:292px!important; min-width:292px; max-width:none; height:184px!important; transform:translate(-73px,-69px); mix-blend-mode:screen; }
.main-nav { display:flex; justify-content:center; flex:1; gap:clamp(18px,3.3vw,60px); font-size:15px; }
.main-nav a { color:#dadada; transition:color .2s; }.main-nav a:hover { color:#fff; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:15px; border:1px solid var(--line); border-radius:999px; padding:13px 23px; font-size:13px; line-height:1; transition:.25s ease; }.button:hover { color:#050505; background:#fff; border-color:#fff; transform:translateY(-2px); }.button b { font-size:22px; font-weight:400; line-height:.5; }.header-cta { min-width:175px; text-transform:uppercase; }.menu-toggle { display:none; }
.hero { position:relative; min-height:640px; padding:67px 0 38px; overflow:hidden; isolation:isolate; }.hero::before { position:absolute; z-index:-1; inset:0 -20vw; content:""; background:linear-gradient(90deg,transparent 14%,rgba(255,255,255,.045) 14.1%,transparent 14.25%,transparent 53%,rgba(255,255,255,.035) 53.1%,transparent 53.3%); }.hero::after { position:absolute; z-index:-1; right:-20vw; top:0; width:67vw; height:100%; content:""; opacity:.28; background:radial-gradient(ellipse at center,rgba(255,255,255,.17),transparent 59%); filter:blur(30px); }
.eyebrow,.label { margin:0; color:#d7d6d5; font-size:12px; letter-spacing:.04em; }.eyebrow { position:relative; z-index:1; display:inline-flex; padding:12px 22px; border:1px solid var(--line); border-radius:999px; }
h1,h2,h3,p { margin-top:0; }.hero h1 { position:relative; z-index:1; width:55%; max-width:680px; margin:31px 0 25px; font:clamp(44px,5.1vw,76px)/.96 Michroma,sans-serif; letter-spacing:-.07em; }.hero h1 span { color:transparent; -webkit-text-stroke:1.5px #6d6d6d; text-shadow:0 0 35px rgba(255,255,255,.08); }.hero-copy { position:relative; z-index:1; max-width:510px; margin:0; color:#eee; font-size:18px; line-height:1.35; }.hero-vertical { display:none; }.hero-ghost { display:none; }.hero-note { display:none; }.hero-as-scene { position:absolute; z-index:-1; right:-11%; top:-15%; width:min(61vw,805px); height:auto; opacity:.96; object-fit:contain; transform-origin:50% 52%; filter:drop-shadow(0 0 15px rgba(255,255,255,.16)); animation:as-logo-alive 6s ease-in-out infinite; }
@keyframes as-logo-alive { 0%,100% { transform:translate3d(0,0,0) scale(1); filter:brightness(1) drop-shadow(0 0 15px rgba(255,255,255,.16)); } 50% { transform:translate3d(-3px,-5px,0) scale(1.012); filter:brightness(1.12) drop-shadow(0 0 31px rgba(255,255,255,.36)); } }
.stats { position:relative; z-index:1; display:flex; width:460px; max-width:54%; margin-top:30px; border:1px solid var(--line); border-radius:17px; background:rgba(15,15,15,.67); backdrop-filter:blur(10px); }.stats div { flex:1; padding:18px 14px; text-align:center; }.stats div+div { border-left:1px solid var(--line); }.stats strong { display:block; font:29px/1 Manrope,sans-serif; }.stats span { display:block; margin-top:16px; color:#dedede; font-size:9px; text-transform:uppercase; }
.split-section { display:grid; grid-template-columns:1.58fr .82fr; gap:clamp(40px,8vw,135px); padding:90px 0; border-top:1px solid var(--line); }.service-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:28px; }.service-grid article { min-height:218px; padding:27px 20px; border:1px solid rgba(255,255,255,.14); border-radius:25px; background:#151515; box-shadow:0 18px 22px rgba(0,0,0,.2); }.service-grid span { font:39px/1 Michroma,sans-serif; }.service-grid h2 { margin:37px 0 13px; font-size:20px; text-transform:uppercase; }.service-grid p { margin:0; color:#d0d0d0; font-size:13px; text-transform:uppercase; }.about-card { padding-top:5px; }.about-card h2 { margin:30px 0 24px; font:22px/1.45 Michroma,sans-serif; text-transform:uppercase; }.about-card>p:not(.label) { color:#ddd; font-size:15px; line-height:1.55; }.button-small { margin-top:15px; padding:10px 17px; font-size:12px; }
.tools { border-block:1px solid var(--line); background:linear-gradient(90deg,#0c0c0c,#030303); }.tools-inner { display:grid; grid-template-columns:auto 1fr 300px; align-items:center; gap:40px; padding:31px 0; }.tool-list { display:flex; flex-wrap:wrap; justify-content:center; gap:21px; }.tool-list span { display:flex; align-items:center; gap:8px; font-size:12px; }.tool-list b { display:grid; width:38px; height:38px; place-items:center; border-radius:9px; background:#242424; font-size:15px; }.tools-copy { margin:0; padding-left:25px; border-left:1px solid var(--line); color:#d5d5d5; font-size:13px; line-height:1.5; }
.reviews { padding:88px 0; }.section-heading { display:flex; align-items:center; justify-content:space-between; }.section-heading .button { margin:0; }.review-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; margin-top:36px; }.review-grid article { display:flex; flex-direction:column; min-height:205px; padding:23px; border:1px solid var(--line); border-radius:18px; background:#1b1b1b; }.review-grid article>div { display:flex; align-items:center; justify-content:space-between; gap:10px; }.review-grid strong { font-size:21px; }.review-grid span { color:var(--warm); letter-spacing:2px; font-size:19px; }.review-grid p { margin:23px 0; font-size:15px; line-height:1.45; }.review-grid time { margin-top:auto; padding-top:15px; border-top:1px solid rgba(255,255,255,.08); color:#ddd; text-align:right; }
.portfolio { padding:80px 0 100px; border-top:1px solid var(--line); }.portfolio-heading { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:62px; }.portfolio-heading .label { font:29px Michroma,sans-serif; }.portfolio-heading>p:last-child { margin:0; color:var(--muted); text-align:right; line-height:1.5; }.portfolio-categories { display:grid; gap:64px; }.portfolio-category { position:relative; }.category-meta { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:18px; }.category-meta span { display:inline-block; padding:9px 14px; border:1px solid var(--line); border-radius:999px; font-size:13px; }.category-meta p { margin:10px 0 0; color:#bbb; font-size:10px; line-height:1.45; }.category-meta .button { margin:0; }.work-slots { display:grid; grid-template-columns:1.45fr .82fr .82fr 1.45fr; grid-template-rows:142px 118px; gap:10px; }.slot { min-height:100px; border-radius:17px; background:#303030; box-shadow:inset 0 1px 0 rgba(255,255,255,.09); transition:background .25s ease,transform .25s ease; }.slot:hover { background:#3b3b3b; transform:translateY(-3px); }.slot-wide { grid-column:span 2; }.slot-tall { grid-row:span 1; }.logo-strip { position:relative; margin-top:25px; overflow:hidden; border-radius:16px; background:#d5d2cb; }.logo-strip p { position:absolute; z-index:1; top:12px; left:12px; margin:0; padding:7px 11px; border:1px solid #222; border-radius:999px; color:#111; background:rgba(255,255,255,.35); font-size:11px; }.logo-strip img { display:block; width:100%; min-height:120px; max-height:190px; object-fit:cover; opacity:.85; }
.pricing { display:grid; grid-template-columns:1fr .72fr .8fr; gap:55px; padding:85px 0; border-top:1px solid var(--line); }.pricing h2 { margin:24px 0; font:23px/1.6 Michroma,sans-serif; }.pricing>div>p:last-child { color:#bdbdbd; line-height:1.55; }.pricing ol { margin:0; padding:0; list-style:none; border:1px solid var(--line); border-radius:16px; overflow:hidden; }.pricing li { padding:17px; font-size:13px; text-transform:uppercase; }.pricing li+li { border-top:1px solid var(--line); }.pricing li b { display:inline-block; width:45px; color:#aaa; }.contact-form { padding:22px; border-radius:19px; background:#d5d3ce url('assets/textures/pdf_img_p3_24_569x547.png') center/cover; color:#111; }.contact-form h3 { margin-bottom:15px; font:13px Michroma,sans-serif; text-transform:uppercase; }.contact-form input,.contact-form textarea { width:100%; margin:5px 0; padding:11px 12px; border:1px solid rgba(0,0,0,.35); border-radius:9px; outline:0; color:#111; background:rgba(255,255,255,.52); }.contact-form textarea { min-height:112px; height:112px; max-height:112px; resize:none; }.button-light { width:100%; margin-top:6px; border-color:#111; background:#111; color:#fff; }.form-status { min-height:18px; margin:10px 0 0; font-size:11px; }
.footer { display:grid; grid-template-columns:1fr .9fr .8fr auto; align-items:center; gap:45px; padding:42px 0 55px; border-top:1px solid var(--line); }.footer .brand { font-size:30px; }.footer .brand span { font-size:7px; }.footer div:not(.brand) { display:grid; gap:8px; color:#cfcfcf; font-size:12px; }.footer-links { grid-template-columns:repeat(2,auto); }
.footer .brand { width:164px; height:58px; }.footer .brand img { width:305px!important; min-width:305px; max-width:none; height:192px!important; transform:translate(-77px,-72px); }
.js .reveal { opacity:0; transform:translateY(26px); transition:opacity .65s ease,transform .65s ease; }.js .reveal.is-visible { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }
@media(max-width:1050px) { .main-nav { gap:18px; }.header-cta { min-width:auto; }.split-section,.pricing { grid-template-columns:1fr; }.tools-inner { grid-template-columns:auto 1fr; }.tools-copy { grid-column:1/-1; padding:20px 0 0; border-left:0; border-top:1px solid var(--line); }.review-grid { grid-template-columns:repeat(2,1fr); }.footer { grid-template-columns:1fr 1fr; } }
@media(max-width:720px) { .section-shell { width:min(100% - 32px,1420px); }.site-header { padding:16px; }.brand { font-size:28px; }.brand span { font-size:7px; }.menu-toggle { display:block; margin-left:auto; padding:8px; border:0; color:#fff; background:transparent; }.main-nav { position:absolute; top:100%; left:0; right:0; display:none; flex-direction:column; gap:0; padding:10px 16px 20px; background:#0a0a0a; }.main-nav.is-open { display:flex; }.main-nav a { padding:13px 0; border-bottom:1px solid rgba(255,255,255,.1); }.header-cta { display:none; }.hero { min-height:690px; padding-top:60px; }.hero h1 { width:94%; margin-top:40px; font-size:50px; }.hero-copy { max-width:330px; font-size:17px; }.hero-as-scene { right:-68%; top:22%; width:740px; opacity:.44; }.stats { width:100%; max-width:100%; margin-top:38px; border-radius:18px; }.stats div { padding:18px 9px; text-align:center; }.stats strong { font-size:28px; }.stats span { margin-top:13px; font-size:9px; }.split-section { gap:55px; padding:60px 0; }.service-grid { grid-template-columns:1fr; }.service-grid article { min-height:150px; }.service-grid h2 { margin:25px 0 8px; font-size:17px; }.tools-inner { grid-template-columns:1fr; gap:20px; }.tool-list { justify-content:flex-start; gap:9px; }.tools-copy { grid-column:auto; }.review-grid { grid-template-columns:1fr; gap:15px; }.portfolio { padding:60px 0; }.portfolio-heading { align-items:flex-start; flex-direction:column; gap:14px; }.portfolio-heading .label { font-size:21px; }.portfolio-heading>p:last-child { text-align:left; }.portfolio-categories { gap:48px; }.category-meta { align-items:flex-end; }.category-meta .button { padding:9px 11px; font-size:9px; }.work-slots { grid-template-rows:96px 82px; gap:7px; }.slot { border-radius:11px; }.logo-strip img { min-height:78px; }.pricing { gap:28px; padding:60px 0; }.pricing h2 { font-size:18px; }.footer { grid-template-columns:1fr; gap:25px; }.footer-links { grid-template-columns:1fr 1fr!important; }.footer>.button { justify-self:start; } }
@media(max-width:720px) { .brand { width:118px; height:46px; } .brand img { width:240px!important; min-width:240px; height:151px!important; transform:translate(-60px,-57px); } .footer .brand { width:164px; height:58px; } .footer .brand img { width:305px!important; min-width:305px; height:192px!important; transform:translate(-77px,-72px); } }

/* Hero content is a precise crop from the PDF; navigation above it is live HTML. */
.site-header { position:relative; z-index:10; display:flex; width:min(100%,1947px); min-height:94px; margin:0 auto; padding:20px clamp(32px,5vw,96px); border-bottom:1px solid rgba(255,255,255,.14); background:var(--bg); backdrop-filter:none; }
.hero { position:relative; width:min(100%,1947px); min-height:0; margin:0 auto; padding:0; overflow:hidden; aspect-ratio:5409 / 2549; isolation:isolate; }
.hero::before,.hero::after { display:none; }
.hero-pdf { display:block; width:100%; height:100%; user-select:none; -webkit-user-drag:none; }
.hero-mobile-visual { display:none; }
.hero-mobile-content { display:none; }
.hero-as-logo { display:none; }
.hero-hotspot { position:absolute; z-index:3; display:block; border-radius:999px; }
.hero-hotspot:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.hero-nav-about { left:27.1%; top:5.6%; width:6.8%; height:4.4%; }
.hero-nav-services { left:36%; top:5.6%; width:6.7%; height:4.4%; }
.hero-nav-reviews { left:43.2%; top:5.6%; width:7.6%; height:4.4%; }
.hero-nav-portfolio { left:50.2%; top:5.6%; width:9.6%; height:4.4%; }
.hero-nav-contacts { left:60%; top:5.6%; width:8%; height:4.4%; }
.hero-contact { right:5.3%; top:4.3%; width:12.3%; height:6.9%; }
.hero-logo-pulse { position:absolute; z-index:2; left:54%; top:23%; width:34%; height:53%; pointer-events:none; mix-blend-mode:screen; opacity:0; background:radial-gradient(ellipse at center,rgba(255,255,255,.42),rgba(255,255,255,.09) 38%,transparent 72%); filter:blur(24px); animation:as-logo-pulse 7s cubic-bezier(.45,0,.55,1) infinite; }
.hero-stats-correction { position:absolute; z-index:3; left:5%; bottom:.5%; display:grid; grid-template-columns:repeat(3,1fr); width:35.5%; min-width:460px; height:17.7%; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:17px; background:linear-gradient(120deg,#070707,#101010 53%,#080808); box-shadow:0 0 30px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05); }.hero-stats-correction div { padding:clamp(17px,2vw,38px) clamp(8px,.8vw,16px); text-align:center; }.hero-stats-correction div+div { border-left:1px solid rgba(255,255,255,.22); }.hero-stats-correction b { display:block; font:clamp(22px,2.1vw,40px)/1 Manrope,sans-serif; }.hero-stats-correction span { display:block; margin-top:clamp(9px,.9vw,17px); color:#dedede; font-size:clamp(6px,.62vw,12px); text-transform:uppercase; white-space:nowrap; }
@keyframes as-logo-pulse { 0%,100% { opacity:.035; transform:scale(.94); } 48% { opacity:.2; transform:scale(1.07); } 62% { opacity:.09; transform:scale(1.02); } }
@keyframes as-hero-light-sweep { 0%,62% { transform:translateX(-120%); } 82%,100% { transform:translateX(120%); } }
.hero::after { position:absolute; z-index:1; inset:0; display:block; content:""; pointer-events:none; opacity:.42; background:linear-gradient(108deg,transparent 42%,rgba(255,255,255,.025) 47%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.025) 53%,transparent 58%); mix-blend-mode:screen; filter:blur(10px); animation:as-hero-light-sweep 12s cubic-bezier(.45,0,.55,1) infinite; }
@keyframes as-logo-shine { 0%,100% { opacity:.03; transform:translateY(0) scale(1); filter:drop-shadow(0 0 0 rgba(255,255,255,0)); } 52% { opacity:.38; transform:translateY(-2px) scale(1.006); filter:drop-shadow(0 0 14px rgba(255,255,255,.55)); } }
@media(max-width:720px) { .hero { min-height:0; padding:0; width:100%; } .hero-logo-pulse { filter:blur(8px); } }

/* Details reconstructed from pages 2–3 of the PDF. */
.tool-list b,.tool-list img { display:grid; width:38px; height:38px; place-items:center; border-radius:9px; background:#242424; font-size:15px; object-fit:contain; }
.review-grid .review-person { display:flex; align-items:center; gap:10px; color:#fff; letter-spacing:0; font-size:inherit; }
.review-person img { width:38px; height:38px; border-radius:50%; object-fit:cover; }
.portfolio { position:relative; overflow:hidden; }
.portfolio-heading,.portfolio-categories { position:relative; z-index:1; }
.portfolio-decoration { position:absolute; z-index:0; pointer-events:none; opacity:.63; filter:drop-shadow(0 10px 14px rgba(255,255,255,.12)); }
.decoration-one { top:110px; right:-73px; width:175px; transform:rotate(24deg); }
.decoration-two { top:48%; left:-95px; width:165px; transform:rotate(-28deg); }
.decoration-three { right:-82px; bottom:115px; width:175px; transform:rotate(19deg); }
.footer { grid-template-columns:1fr .85fr 96px .65fr auto; gap:35px; }
.footer-qr { width:88px; height:88px; padding:4px; background:#fff; filter:invert(1); }
.logo-strip { margin-top:25px; overflow:hidden; border-radius:0; background:none; }
.logo-strip img { display:block; width:100%; min-height:0; max-height:none; object-fit:contain; opacity:1; }
.logo-strip a { position:absolute; z-index:2; top:4%; right:2%; width:18%; height:18%; border-radius:999px; }
.logo-list { position:absolute; z-index:1; inset:0 3% 0; display:grid; grid-template-columns:repeat(5,1fr); align-items:center; gap:12px; color:#272727; text-align:center; }.logo-list b { font:700 clamp(10px,1.1vw,16px)/1.05 Manrope,sans-serif; }.logo-list b:nth-child(2) { font-family:Georgia,serif; }.logo-list b:nth-child(3) { font:700 clamp(13px,1.5vw,22px)/1 Michroma,sans-serif; }.logo-list b:nth-child(4) { font-size:clamp(8px,.8vw,12px); }.logo-list b:nth-child(5) { font:600 clamp(8px,.9vw,13px)/1 Michroma,sans-serif; }
@media(max-width:1050px) { .footer { grid-template-columns:1fr 1fr; } .footer-qr { order:5; } }
@media(max-width:720px) { .portfolio-decoration { opacity:.32; transform:scale(.7); } .footer { grid-template-columns:1fr; } }
@media(max-width:1400px) { .portfolio-decoration { display:none; } }
@media(max-width:720px) { .site-header { min-height:68px; padding:12px 16px; } .site-header .brand { font-size:28px; } .site-header .brand span { font-size:7px; } .logo-strip { margin-top:18px; } }

.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.portfolio-contact-card { display:flex; align-items:center; justify-content:space-between; gap:28px; min-height:142px; padding:28px; border:1px solid var(--line); border-radius:17px; background:linear-gradient(125deg,#242424,#111); }
.portfolio-contact-card p { max-width:560px; margin:0; color:#d8d8d8; font-size:15px; line-height:1.5; }
.portfolio-contact-card .button { flex:none; margin:0; }
.work-slots { grid-template-rows:220px 190px; }
.slot { position:relative; overflow:hidden; background:#202020; }
.slot img,.slot::after { display:none; }
.slot[style*="background-image"] { background-color:#171717!important; }
.logo-strip { height:220px; border:1px solid rgba(255,255,255,.12); border-radius:17px; background:#d5d2cb; }
.logo-strip img { height:100%; object-fit:cover; object-position:top; }
@media(max-width:720px) { .portfolio-contact-card { align-items:flex-start; flex-direction:column; gap:16px; padding:22px; } .work-slots { grid-template-rows:132px 112px; } }
@media(max-width:720px) { .logo-strip { height:132px; } }
@media(max-width:720px) { .hero { height:270px; aspect-ratio:auto; } .hero-pdf { width:100%; height:100%; object-fit:cover; object-position:44% center; } }
@media(min-width:721px) { .site-header { margin-bottom:-60px; } .hero { aspect-ratio:5409 / 2549; } .hero-pdf { height:100%; transform:none; } .hero-logo-pulse { top:31%; } }

.contact-form { padding:26px; border:1px solid rgba(255,255,255,.2); background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.13),transparent 36%),linear-gradient(145deg,#202020,#0d0d0d); color:var(--text); box-shadow:0 18px 40px rgba(0,0,0,.32); }
.contact-form h3 { color:#fff; letter-spacing:.03em; }
.contact-form input,.contact-form textarea { border-color:rgba(255,255,255,.2); color:#fff; background:rgba(255,255,255,.09); }
.contact-form input::placeholder,.contact-form textarea::placeholder { color:#a8a8a8; }
.contact-form input:focus,.contact-form textarea:focus { border-color:rgba(255,255,255,.7); box-shadow:0 0 0 3px rgba(255,255,255,.08); }
.contact-form .button-light { border-color:#fff; background:#fff; color:#090909; }
.contact-form .button-light:hover { background:#cfcfcf; border-color:#cfcfcf; }
.contact-form .button-light:disabled { cursor:wait; opacity:.58; transform:none; }
.footer-telegram { display:grid; width:96px; gap:7px; place-items:center; padding:8px 4px; border:1px solid rgba(255,255,255,.16); border-radius:14px; color:#cfcfcf; font-size:9px; letter-spacing:.06em; text-transform:uppercase; }
.footer-qr { display:block; width:72px; height:72px; padding:0; border-radius:7px; background:#fff; filter:invert(1); }
@media(max-width:1050px) { .footer-telegram { order:5; } }
@media(max-width:720px) { .site-header { margin-bottom:-32px; } .contact-form { padding:22px; } .footer-telegram { width:112px; } .footer-qr { width:88px; height:88px; } }
.made-by { grid-column:1 / -1; justify-self:center; display:inline-flex; align-items:center; gap:6px; margin-top:2px; color:#8f8f8f; font-size:11px; letter-spacing:.04em; transition:color .25s ease; }
.made-by:hover { color:#fff; }
.made-heart { display:inline-grid; place-items:center; width:14px; height:14px; color:#f4f4f4; font-size:15px; line-height:1; text-shadow:0 0 8px rgba(255,255,255,.45); animation:made-heartbeat 2.8s ease-in-out infinite; }

/* Final contact and footer scale */
.pricing { grid-template-columns:1.08fr .82fr .9fr; gap:48px; }
.pricing h2 { font-size:clamp(25px,2.1vw,34px); line-height:1.35; }
.pricing > div > p:last-child { max-width:520px; font-size:17px; line-height:1.52; }
.pricing ol { align-self:stretch; border-radius:20px; background:#121212; }
.pricing li { display:flex; align-items:center; min-height:66px; padding:19px 22px; font-size:15px; font-weight:700; letter-spacing:.015em; }
.pricing li b { width:56px; color:#fff; font-size:14px; }
.footer { padding-top:54px; padding-bottom:66px; }
.footer .brand { font-size:36px; }.footer .brand span { font-size:8px; }
.footer div:not(.brand) { gap:11px; font-size:14px; }
.footer-telegram { width:112px; padding:10px 6px; font-size:10px; }
.footer-qr { width:84px; height:84px; }
.footer-links { gap:11px!important; }
.made-by { gap:10px; margin-top:18px; font-size:16px; letter-spacing:.05em; }
.made-heart { width:22px; height:22px; font-size:25px; }
@media(max-width:720px) { .pricing > div > p:last-child { font-size:16px; } .pricing li { min-height:58px; font-size:13px; } .footer div:not(.brand) { font-size:15px; } .made-by { justify-self:start; font-size:15px; } }
@keyframes made-heartbeat { 0%,100% { transform:scale(1); opacity:.7; filter:drop-shadow(0 0 0 rgba(255,255,255,0)); } 12% { transform:scale(1.28); opacity:1; filter:drop-shadow(0 0 6px rgba(255,255,255,.85)); } 24% { transform:scale(1); } 36% { transform:scale(1.16); } 48% { transform:scale(1); } }
@media(min-width:721px) { .site-header .brand { font-size:38px; letter-spacing:-.11em; } .site-header .brand span { margin-left:7px; letter-spacing:-.06em; font-size:9px; line-height:1.04; } }
.tool-list .zbrush-icon { font:700 16px Michroma,sans-serif; }
/* Page narrative: discovery → offer → portfolio → proof → contact. */
main { display:flex; flex-direction:column; }
/* Keep the sticky header fully visible when the page is opened with #top. */
main#top { scroll-margin-top:94px; }
.hero { order:1; }.split-section { order:2; }.portfolio { order:3; }.tools { order:4; }.reviews { order:5; }.pricing { order:6; }
.split-section,.portfolio,.reviews,.pricing { scroll-margin-top:110px; }
.portfolio { padding-top:110px; }.reviews { padding-top:100px; border-top:1px solid var(--line); }.tools { margin-top:0; }
.portfolio-heading { margin-bottom:50px; }.portfolio-heading .label { letter-spacing:-.06em; }
.section-heading { padding-bottom:22px; border-bottom:1px solid rgba(255,255,255,.13); }
@media(max-width:720px) { .portfolio { padding-top:72px; }.reviews { padding-top:72px; } }

/* Mobile layout: readable type, touch targets and portfolio cards without horizontal overflow. */
@media(max-width:720px) {
  html { scroll-padding-top:78px; }
  main#top { scroll-margin-top:68px; }
  body { overflow-x:hidden; }
  .site-header { position:sticky; top:0; z-index:30; margin-bottom:-67px!important; background:#080808; }
  .main-nav { z-index:31; box-shadow:0 18px 35px rgba(0,0,0,.45); }
  .menu-toggle { min-width:54px; min-height:42px; font-size:15px; }
  .hero { height:720px; min-height:0; aspect-ratio:auto; background:#030303; }
  .hero-pdf { display:none; }
  .hero-mobile-visual { position:absolute; z-index:1; top:64px; left:16px; display:block; width:calc(100% - 32px); height:370px; object-fit:cover; object-position:center 48%; opacity:.82; filter:brightness(.78) contrast(1.05); user-select:none; -webkit-user-drag:none; }
  .hero::before { position:absolute; z-index:2; inset:0; display:block; content:""; pointer-events:none; background:linear-gradient(180deg,rgba(3,3,3,.08) 64px,rgba(3,3,3,.04) 245px,rgba(3,3,3,.76) 390px,#030303 480px); }
  .hero-mobile-content { position:absolute; z-index:3; top:390px; left:16px; display:block; width:calc(100% - 32px); }.hero-mobile-title { margin:0; font:clamp(36px,10.8vw,42px)/1 Michroma,sans-serif; letter-spacing:-.08em; }.hero-mobile-title span { color:transparent; -webkit-text-stroke:1px #8b8b8b; }.hero-mobile-content>p:last-child { max-width:328px; margin:18px 0 0; color:#e9e9e9; font-size:14px; line-height:1.45; }
  .hero-logo-pulse { top:31%; }
  .hero-stats-correction { z-index:4; left:16px; bottom:16px; width:calc(100% - 32px); min-width:0; height:88px; border-radius:14px; }.hero-stats-correction div { padding:15px 3px; }.hero-stats-correction b { font-size:24px; }.hero-stats-correction span { margin-top:7px; font-size:7.5px; }
  .split-section,.portfolio,.reviews,.pricing { scroll-margin-top:0; }
  .split-section { padding:54px 0; gap:42px; }
  .service-grid { gap:12px; margin-top:18px; }
  .service-grid article { min-height:132px; padding:21px 19px; border-radius:20px; }
  .service-grid span { font-size:31px; }.service-grid h2 { margin:20px 0 7px; font-size:15px; }.service-grid p { font-size:10px; line-height:1.45; }
  .about-card { padding:4px 0 0; }.about-card h2 { margin:18px 0; font-size:18px; line-height:1.45; }.about-card>p:not(.label) { font-size:14px; }
  .button,.button-small { min-height:42px; align-items:center; }
  .tools { margin:0; }.tools-inner { padding:30px 0; }.tool-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.tool-list span { min-width:0; font-size:11px; }.tool-list img,.tool-list b { width:34px!important; height:34px!important; flex:0 0 34px; }.tools-copy { font-size:13px; line-height:1.55; }
  .portfolio-heading { margin-bottom:38px; }.portfolio-heading .label { font-size:24px; }.portfolio-heading>p:last-child { font-size:13px; }
  .portfolio-categories { gap:58px; }.category-meta { gap:12px; }.category-meta span { font-size:11px; }.category-meta p { font-size:9px; }.category-meta .button { min-height:36px; white-space:nowrap; }
  .work-slots { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:128px 112px 112px; gap:8px; }.slot { min-height:0; border-radius:12px; }.slot-wide { grid-column:span 2; }.slot-tall { grid-row:auto; }
  .logo-folio { margin-top:38px; }.logo-folio-head { gap:8px; }.logo-folio-head p { max-width:170px; }.real-work-field { min-height:230px; }
  .reviews { padding-bottom:64px; }.section-heading { align-items:flex-start; gap:14px; }.section-heading .button { flex:0 0 auto; }.review-grid article { min-height:185px; padding:18px; }.review-grid strong { font-size:18px; }.review-grid p { margin:17px 0; font-size:14px; }
  .pricing { grid-template-columns:1fr; padding:62px 0; }.pricing h2 { font-size:22px; }.pricing>div>p:last-child { font-size:15px; }.pricing li { padding:15px 16px; font-size:12px; }.pricing li b { width:44px; }.contact-form { padding:19px; border-radius:16px; }.contact-form input,.contact-form textarea { min-height:46px; font-size:16px; }.contact-form textarea { min-height:104px; }
  #contact-form { scroll-margin-top:26px; }
  .footer { padding:42px 0; gap:21px; }.footer .brand { font-size:34px; }.footer-telegram { width:128px; }.footer-qr { width:98px; height:98px; }.footer-links { gap:13px!important; }.made-by { margin-top:8px; }
  .resume-modal { max-height:88vh; overflow:auto; }.resume-modal h2 { font-size:27px; }.resume-stats b { font-size:19px; }.resume-stats span { font-size:7px; }
}
@media(max-width:720px) and (orientation:landscape) {
  .hero { height:440px; }
  .hero-mobile-visual { top:68px; left:50%; width:50%; height:270px; object-position:center 48%; }
  .hero::before { background:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.94) 46%,rgba(3,3,3,.18) 100%),linear-gradient(180deg,transparent 58%,#030303 82%); }
  .hero-mobile-content { top:96px; width:46%; }
  .hero-mobile-title { font-size:30px; }
  .hero-mobile-content>p:last-child { margin-top:14px; font-size:12px; line-height:1.42; }
  .hero-stats-correction { height:76px; }
  .hero-stats-correction div { padding:12px 6px; }
  .hero-stats-correction b { font-size:21px; }
  .hero-stats-correction span { margin-top:5px; font-size:7px; }
}
@media (min-width:721px) and (max-width:1050px) { .pricing { grid-template-columns:1fr; } }
.resume-trigger { appearance:none; font-family:inherit; cursor:pointer; }
.resume-modal { width:min(650px,calc(100% - 32px)); padding:clamp(25px,4vw,50px); border:1px solid rgba(255,255,255,.38); border-radius:22px; color:#fff; background:radial-gradient(circle at 92% 0%,#292929,transparent 35%),#101010; box-shadow:0 30px 100px rgba(0,0,0,.75); }
.resume-modal::backdrop { background:rgba(0,0,0,.78); backdrop-filter:blur(8px); }.resume-modal h2 { margin:18px 0; font:clamp(25px,4vw,43px)/1.18 Michroma,sans-serif; letter-spacing:-.07em; }.resume-modal>p:not(.label) { max-width:550px; color:#d3d3d3; line-height:1.6; }.resume-close { position:absolute; top:15px; right:16px; border:0; color:#fff; background:transparent; font-size:31px; cursor:pointer; }.resume-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:30px 0; }.resume-grid div { display:grid; gap:9px; padding:16px; border:1px solid rgba(255,255,255,.16); border-radius:13px; }.resume-grid span { color:#c7c7c7; font-size:14px; line-height:1.55; }.resume-modal .button { display:inline-flex; }
@media(max-width:520px) { .resume-grid { grid-template-columns:1fr; } }
.experience-badge { display:inline-flex; margin-bottom:14px; padding:7px 12px; border:1px solid rgba(255,255,255,.6); border-radius:999px; font-size:12px; }.resume-stats { display:grid; grid-template-columns:repeat(3,1fr); margin:24px 0; border:1px solid rgba(255,255,255,.16); border-radius:14px; overflow:hidden; }.resume-stats div { padding:13px 8px; text-align:center; }.resume-stats div+div { border-left:1px solid rgba(255,255,255,.16); }.resume-stats b { display:block; font-size:23px; }.resume-stats span { display:block; margin-top:4px; color:#aaa; font-size:8px; text-transform:uppercase; }.resume-details { display:grid; gap:15px; margin:0 0 26px; }.resume-details>div { padding-top:16px; border-top:1px solid rgba(255,255,255,.13); }.resume-details ul { margin:9px 0 0; padding-left:18px; color:#c7c7c7; font-size:13px; line-height:1.5; }.resume-details p { margin:9px 0 0; color:#c7c7c7; font-size:13px; }.resume-details p span { color:#999; }
.logo-folio { margin-top:52px; }
.logo-folio-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:18px; }
.logo-folio-head>div>span { display:inline-block; padding:9px 14px; border:1px solid var(--line); border-radius:999px; font-size:13px; }
.logo-folio-head p { margin:10px 0 0; color:#bbb; font-size:10px; line-height:1.45; }
.logo-folio-head .button { margin:0; }
.real-work-field { min-height:clamp(250px,32vw,470px); border-radius:17px; background:#202020; box-shadow:inset 0 1px 0 rgba(255,255,255,.09); transition:background .25s ease,transform .25s ease; }
.real-work-field:hover { background:#2a2a2a; transform:translateY(-3px); }
@media(max-width:720px) { .logo-folio { margin-top:42px; } .logo-folio-head { align-items:flex-end; margin-bottom:12px; } .logo-folio-head .button { padding:8px 10px; font-size:9px; } .real-work-field { min-height:220px; border-radius:11px; } }

/* Transparent wordmark: fit the logo itself rather than cropping its former dark canvas. */
.brand { display:flex; align-items:center; overflow:visible; }
.brand img,.footer .brand img { width:100%!important; min-width:0; max-width:100%; height:100%!important; max-height:100%; transform:none; object-fit:contain; mix-blend-mode:normal; }