@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;1,500&display=swap');
:root{--bg:#0a151e;--panel:#10232e;--line:#30424a;--ink:#f7f5ec;--mute:#adbbc0;--mint:#cbe8d3;--gold:#e9c78e;--cream:#f7f4e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:16px/1.65 'DM Sans',system-ui,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' seed='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");z-index:4}.wrap{max-width:1570px;margin:auto;padding:0 5.5%}.header{display:flex;align-items:center;gap:32px;border-bottom:1px solid rgba(255,255,255,.12);min-height:96px}.wordmark{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:.16em;line-height:1.15;white-space:nowrap}.wordmark small{display:block;font-size:10px;letter-spacing:.45em;margin-top:5px;color:var(--mute)}.mark{font:38px Georgia,serif;color:var(--mint);line-height:1}.header nav{display:flex;align-items:center;gap:27px;margin-left:auto}.header nav a,.lang{font-size:12px;color:#c9d4d4;white-space:nowrap}.header nav a:hover,.lang:hover{color:var(--mint)}.lang{border:1px solid #42545c;padding:11px 16px;border-radius:99px}
.hero{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:60px;align-items:center;padding:105px 0 115px;min-height:655px}.eyebrow,.section-label,.case-id,.hero-caption,.tech-number{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--mint);font-weight:600}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mint);margin:0 11px 1px 0;box-shadow:0 0 0 4px rgba(200,235,214,.08)}h1,h2,h3,p{margin-top:0}.hero h1,h2,.case h3{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.035em;font-weight:400;line-height:1.1}.hero h1{font-size:clamp(45px,4.6vw,77px);margin:27px 0}.hero h1 em{color:var(--gold);font-weight:400}.hero-text>p{color:var(--mute);font-size:17px;max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.primary,.secondary,.case-link{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;font-weight:700;min-height:50px;padding:0 22px;transition:.2s}.primary{background:var(--mint);color:#0a2118}.secondary{border:1px solid #50626a}.primary:hover{background:#e4f5e5;transform:translateY(-2px)}.secondary:hover{background:#1d343e}.metrics{display:flex;gap:38px;margin-top:58px;padding-top:26px;border-top:1px solid #2b4049}.metrics div{display:flex;align-items:center;gap:12px;max-width:175px}.metrics strong{font:40px Georgia,serif;color:var(--mint)}.metrics span{font-size:11px;line-height:1.45;color:var(--mute)}.hero-media{position:relative;min-height:470px;display:flex;align-items:center}.hero-screen{position:relative;z-index:1;width:100%;border:8px solid #223641;background:#172d38;border-radius:18px;box-shadow:0 35px 110px #0009;transform:rotate(-2deg);overflow:hidden}.hero-screen img{aspect-ratio:1.55;object-fit:cover;object-position:top left}.floating-shot{position:absolute;z-index:2;width:56%;right:-8%;bottom:-7%;border:6px solid #1d323e;background:#172d38;box-shadow:0 20px 50px #000b;border-radius:13px;transform:rotate(4deg);overflow:hidden}.floating-shot img{aspect-ratio:1.35;object-fit:cover;object-position:top}.hero-caption{position:absolute;top:3%;right:0;color:#83a69b;letter-spacing:.13em}
.section{border-top:1px solid #33434a;padding:95px 0 105px;scroll-margin-top:10px}.section h2{font-size:clamp(38px,4vw,60px);max-width:900px;margin:17px 0 20px}.section-intro{max-width:810px;color:var(--mute);margin-bottom:38px}
.cases{display:grid;gap:42px}.case{background:#112731;border:1px solid #31474e;border-radius:18px;padding:37px 38px 25px;overflow:hidden}.case:nth-child(2){background:#12212c}.case:nth-child(3){background:#18262d}.case-top{display:grid;grid-template-columns:1fr;gap:30px}.case-id{color:var(--gold);font-size:11px}.case h3{font-size:clamp(31px,3.1vw,46px);margin:15px 0 20px}.case-copy{font-size:15px;color:#dee5e1;max-width:970px}.case-proof{font-size:13px;color:#a8bbc0;max-width:1010px}.tech-chips{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.tech-chips span{font-size:11px;border:1px solid #4a6366;color:#bdd6d0;border-radius:99px;padding:6px 11px}.case-link,.private-demo{margin-bottom:22px;border-radius:7px;border:1px solid #8fbba6;color:var(--mint);min-height:40px;padding:8px 15px;font-size:12px;display:inline-flex;align-items:center}.case-link:hover{background:#1f423f}.private-demo{border-color:#806954;color:#e5c9a1}
.shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.shots figure{min-width:0;margin:0;background:#081822;border-radius:12px;border:1px solid #31505a;overflow:hidden}.shots img{aspect-ratio:1.68;object-fit:cover;object-position:top left;width:100%;transition:transform .22s}.shots a:hover img{transform:scale(1.025)}figcaption{color:#abc0c2;padding:11px 14px;font-size:11px;line-height:1.6}.case:nth-child(3) .shots{max-width:850px}.scope{border-top:1px solid #2d464f;padding-top:16px;margin:20px 0 0;color:#afc0b8;font-size:11px}
.tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.techbox{min-width:0;border:1px solid #334a52;padding:27px 20px;border-radius:13px;background:#112630}.tech-number{color:var(--gold)}.techbox h3{font:21px/1.3 Georgia,serif;margin:23px 0 12px}.techbox p{font-size:12px;color:var(--mute)}.honesty{margin:30px 0 0;padding:17px 20px;border-left:3px solid var(--gold);background:#1b2930;color:#c8d2d2;font-size:13px}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.price{border:1px solid #4a5b57;border-radius:13px;background:#eff4eb;color:#17292c;padding:28px;min-height:290px;display:flex;flex-direction:column}.price:nth-child(2){background:#d4e7d9}.price p{font-size:12px;letter-spacing:.17em;text-transform:uppercase;margin-bottom:20px}.price strong{font:45px Georgia,serif;margin-bottom:21px}.price span{font-size:13px;color:#435453;margin-bottom:auto}.price a{font-weight:700;font-size:12px;margin-top:25px;text-decoration:underline}.care{color:var(--mute);font-size:13px;margin-top:22px}
.brief-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px}.brief-section>div>p{color:var(--mute);font-size:14px}.brief-section form{background:#11262f;padding:30px;border:1px solid #3a555b;border-radius:14px;display:grid;gap:14px}.brief-section label{font-size:13px;color:#dde8e0;display:grid;gap:8px}.brief-section input,.brief-section textarea{color:#fdfdf9;background:#0b1d26;padding:13px 14px;border:1px solid #435860;border-radius:7px;resize:vertical;width:100%;outline-offset:3px}.brief-section input:focus,.brief-section textarea:focus{border-color:#cbe8d3}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.form-actions button{background:var(--mint);border:none;border-radius:8px;padding:13px 20px;color:#10241d;cursor:pointer;font-weight:700}.form-actions .outline{background:none;border:1px solid #719484;color:var(--mint)}#feedback{min-height:18px;margin:0;color:var(--mint);font-size:12px}
footer{border-top:1px solid #2b434b;padding:40px 0 75px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}footer .wordmark{font-size:13px}footer .mark{font-size:22px}footer p{font-size:11px;color:#97aeb0;max-width:320px;margin:0}
@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:65px;gap:25px}.hero-media{min-height:440px;max-width:780px}.floating-shot{right:2%}.tech-grid{grid-template-columns:repeat(2,1fr)}.brief-section{gap:30px}.header nav{gap:12px}}@media(max-width:700px){.wrap{padding:0 5%}.header{min-height:74px;gap:10px;justify-content:space-between}.header nav{display:none}.wordmark{font-size:12px;letter-spacing:.1em}.mark{font-size:26px}.lang{padding:7px 10px}.hero{padding:52px 0 80px;min-height:0}.hero h1{font-size:43px}.hero-text>p{font-size:14px}.metrics{gap:12px;justify-content:space-between}.metrics div{display:block}.metrics strong{font-size:30px;display:block}.metrics span{font-size:10px}.hero-media{min-height:265px}.hero-caption{top:-5px;font-size:8px}.floating-shot{bottom:0;right:0}.section{padding:60px 0}.section h2{font-size:38px}.case{padding:23px 18px 18px}.shots{grid-template-columns:1fr}.case h3{font-size:31px}.case-copy{font-size:14px}.tech-grid,.price-grid,.brief-section{grid-template-columns:1fr}.brief-section form{padding:18px}.price{min-height:230px}.techbox{padding:22px}.hero-actions>*{flex-grow:1}.floating-shot{border-width:4px}.hero-screen{border-width:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.studio-contacts{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0;align-items:center}.contact-email{overflow-wrap:anywhere;text-decoration:underline;color:var(--mint)}.contact-note{font-size:12px!important}.form-actions a{font-size:13px}