:root{--bg:#070b11;--panel:#0d141d;--panel2:#101923;--text:#f4f6fb;--muted:#9aa6b8;--line:#1c2a3a;--accent:#7667ff;--accent2:#4f8cff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 5%,#111b35 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.header{height:76px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:10}.logo{font-weight:800;letter-spacing:-.04em;white-space:nowrap}.logo span{color:#8074ff;margin-right:7px}nav{display:flex;gap:32px;color:#aab4c4;font-size:13px}nav a:hover,.text-link:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 22px;border-radius:13px;background:linear-gradient(135deg,#806fff,#5549e8);box-shadow:0 12px 35px #5e55ff2b;font-weight:600;font-size:14px;border:1px solid #9186ff66}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 45px #5e55ff40}.btn-ghost{background:transparent;border-color:#52637c;box-shadow:none}.btn-small{padding:10px 16px;font-size:12px}.btn-big{padding:18px 28px;font-size:15px}.menu{display:none;background:none;color:white;border:0;font-size:22px}.section{max-width:var(--max);margin:auto;padding:110px 24px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:60px}.eyebrow{font-size:11px;letter-spacing:.14em;color:#9ca8bd;margin-bottom:18px}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px}.hero h1 em{font-style:normal;color:#8174ff}.hero-copy>p{max-width:590px;color:#b0bbca;font-size:17px}.actions{display:flex;gap:14px;margin:30px 0}.trust-row{display:flex;gap:25px;color:#7f8ca0;font-size:11px}.hero-visual{height:510px;position:relative}.glow{position:absolute;width:430px;height:430px;border-radius:50%;background:#6658ff33;filter:blur(75px);top:70px;left:50px}.browser{position:absolute;left:5%;top:75px;width:78%;height:340px;border:1px solid #354761;border-radius:15px;overflow:hidden;transform:perspective(1000px) rotateY(-8deg) rotateX(3deg);background:#111b26;box-shadow:0 40px 80px #0008}.browser-top{height:31px;background:#151f2b;border-bottom:1px solid #2b394a;display:flex;align-items:center;gap:6px;padding:0 12px;color:#68768a;font-size:8px}.browser-top i{width:6px;height:6px;border-radius:50%;background:#465267}.browser-top span{margin:auto}.browser-body{padding:18px}.fake-nav{display:flex;justify-content:space-between;font-size:10px}.fake-nav small{color:#77859a}.fake-content{height:215px;margin-top:18px;border-radius:10px;background:linear-gradient(100deg,#182331,#111922);display:grid;grid-template-columns:1fr 1fr;padding:28px}.fake-content small{font-size:7px;color:#8c9db4}.fake-content h3{font-size:24px;line-height:1.05;margin:10px 0}.fake-content h3 strong{color:#8d84ff}.fake-content button,.store button{background:#6f62ff;border:0;color:#fff;border-radius:7px;padding:8px 10px;font-size:8px}.building{background:linear-gradient(145deg,#33465b,#101923);border-radius:9px;clip-path:polygon(12% 100%,12% 48%,28% 37%,48% 50%,67% 22%,92% 42%,92% 100%)}.product-row{display:flex;gap:10px;margin-top:12px}.product-row span{flex:1;height:25px;background:#1d2a39;border-radius:5px;text-align:center;color:#71809a;font-size:12px}.phone{position:absolute;right:3%;bottom:18px;width:130px;padding:16px 10px;border-radius:20px;background:#0a111a;border:1px solid #4b5d78;box-shadow:0 25px 70px #000;display:flex;flex-direction:column;gap:7px;z-index:2}.phone-speaker{height:3px;width:28px;background:#37465a;border-radius:3px;margin:auto}.phone small{font-size:8px;text-align:center;color:#8d9bb0}.phone .pc-icon{height:65px;border-radius:12px;background:#121d2a;display:grid;place-items:center;color:#7186ff;font-size:27px}.phone b{font-size:9px;text-align:center}.phone b i{font-style:normal;color:#41d38d}.phone button{background:#121d2a;border:1px solid #26364b;color:#c3cede;border-radius:6px;padding:7px 4px;font-size:7px}.code-card{position:absolute;right:0;top:28px;width:145px;padding:13px;border-radius:12px;background:#0d141e;border:1px solid #354963;z-index:3;box-shadow:0 20px 60px #0009}.code-card span{font-size:8px;color:#77879c}.code-card code{display:block;font-size:8px;color:#91a0b4;margin-top:8px}.code-card b{color:#54e19c}.card-float{animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head h2,.process h2,.about h2,.contact h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.045em;margin:0}.section-head>p{max-width:340px;color:var(--muted);font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service{padding:25px;background:linear-gradient(145deg,#0f1822,#0a1017);border:1px solid #1d2b3a;border-radius:13px;min-height:215px;transition:.25s}.service:hover,.project:hover{border-color:#4d5f78;transform:translateY(-3px)}.icon{font-size:25px;color:#7482ff;margin-bottom:24px}.service h3{font-size:16px;margin:0 0 10px}.service h3 span{float:right;color:#8997aa}.service p,.project-info p{font-size:12px;color:#98a5b7}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tags i{font-style:normal;font-size:9px;padding:5px 9px;border-radius:999px;background:#182334;color:#aeb9c8}.projects{padding-top:80px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project{border:1px solid #1d2b3a;border-radius:14px;overflow:hidden;background:#0b1118;transition:.25s}.project-wide{grid-column:1/-1}.project-screen{height:270px;position:relative;overflow:hidden;background:#0e1721}.project-wide .project-screen{height:360px}.screen-nav{height:35px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:#aab5c5;font-size:9px;border-bottom:1px solid #273548}.store{background:linear-gradient(140deg,#152332,#0d141c)}.store-hero{height:245px;margin:20px;border-radius:10px;background:linear-gradient(100deg,#18283a,#101821);display:grid;grid-template-columns:1fr 1fr;padding:35px}.store-hero small{font-size:7px;color:#8b9bb0}.store-hero h3{font-size:34px;line-height:1;margin:10px 0 17px}.warehouse{background:linear-gradient(145deg,#40576c,#172433);border-radius:8px;clip-path:polygon(0 100%,0 35%,25% 20%,45% 38%,68% 8%,100% 30%,100% 100%)}.mini-products{display:flex;gap:8px;margin:0 20px}.mini-products span{font-size:8px;color:#8797aa;background:#172535;padding:7px 10px;border-radius:6px}.project-info{padding:20px 22px}.project-type{font-size:9px;letter-spacing:.12em;color:#7484ff}.project-info h3{font-size:20px;margin:8px 0}.project-info .tags{margin-top:13px}.remote{background:radial-gradient(circle at 65% 50%,#233e77 0,transparent 40%),#0b111a}.remote-phone{position:absolute;left:18%;top:28px;width:145px;height:230px;background:#090e15;border:1px solid #52647e;border-radius:20px;padding:17px;display:flex;flex-direction:column;gap:8px;box-shadow:0 20px 50px #000}.remote-phone small{text-align:center;color:#8f9db1;font-size:8px}.remote-phone strong{text-align:center;font-size:40px;color:#6d7fff}.remote-phone b{font-size:8px;text-align:center}.remote-phone b i{color:#55e19d}.remote-phone button{font-size:7px;background:#131e2d;border:1px solid #2a3b54;color:#bdc8d7;padding:7px;border-radius:6px}.remote-pc{position:absolute;right:16%;top:80px;font-size:90px;color:#53688d;text-align:center}.remote-pc small{display:block;font-size:8px}.dashboard{display:flex;background:#0a1119}.dash-side{width:46px;background:#101a25;color:#7587a0;text-align:center;line-height:45px}.dash-main{padding:18px;width:100%}.dash-main>small{font-size:8px;color:#8795a9}.metrics{display:flex;gap:10px;margin-top:15px}.metrics b{font-size:17px;background:#111d2a;border:1px solid #223247;border-radius:8px;padding:9px;flex:1}.metrics small{display:block;font-size:7px;color:#77879c;font-weight:400;margin-top:4px}.chart{height:65px;margin-top:12px;border-bottom:1px solid #26364b;background:linear-gradient(170deg,transparent 45%,#5f6dff22 46%,transparent 47%),repeating-linear-gradient(0deg,transparent,transparent 20px,#1b2938 21px)}.table{margin-top:10px;display:grid;gap:6px}.table span{font-size:7px;color:#8796a9;background:#101a25;padding:7px;border-radius:5px}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:15px;align-items:center;margin-top:60px}.step strong{font-size:20px;color:#7787ff}.step h3{margin:8px 0 5px;font-size:14px}.step p{font-size:11px;color:#8d9bad}.arrow{color:#7c8ba0;font-size:22px}.stack-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:8px}.stack-grid div{height:85px;border:1px solid #203044;border-radius:10px;background:#0c141d;display:grid;place-items:center;align-content:center;font-size:20px;font-weight:800;color:#8190ff}.stack-grid small{font-size:8px;color:#8795a7;font-weight:400}.about{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:35px;align-items:center}.about-photo{height:370px;border-radius:15px;overflow:hidden;position:relative;background:radial-gradient(circle at 70% 35%,#293d78,#101722 60%);border:1px solid #25364b}.portrait-grid{position:absolute;inset:0;background:linear-gradient(145deg,transparent 20%,#05090e 21%,#121c28 70%,#070b10 71%);clip-path:polygon(15% 100%,23% 35%,40% 15%,67% 22%,87% 100%)}.about-photo span{position:absolute;bottom:18px;left:20px;font-size:10px;letter-spacing:.12em;color:#8e9bad}.about-copy p{color:#a1adbd;font-size:13px;max-width:500px}.stats{display:flex;gap:38px;margin-top:35px}.stats b{font-size:28px;color:#8074ff}.stats small{display:block;color:#8795a8;font-size:9px;font-weight:400;line-height:1.3;margin-top:4px}.about blockquote{margin:0;padding:22px;border:1px solid #1f2e40;background:#0c141d;border-radius:13px;color:#aeb8c6;font-size:12px}.about cite{display:block;text-align:right;color:#7787ff;font-style:normal;margin-top:20px}.contact{border-top:1px solid #1b2938;border-bottom:1px solid #1b2938;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:85px;padding-bottom:85px}.contact h2{font-size:64px}.contact p{color:#a1adbd}.footer{max-width:var(--max);margin:auto;padding:35px 24px 50px;display:flex;align-items:center;gap:18px;color:#7d899b;font-size:10px}.footer>div{margin-left:auto;display:flex;gap:25px}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.15s}.text-link{font-size:11px;color:#7787ff}.header.scrolled{background:#070b11dd;backdrop-filter:blur(12px);position:sticky;top:0;border-bottom:1px solid #182534}.menu{cursor:pointer}@media(max-width:900px){nav{display:none}.menu{display:block}.header .btn-small{display:none}.hero{grid-template-columns:1fr;padding-top:30px}.hero-visual{height:430px}.service-grid{grid-template-columns:1fr 1fr}.stack-grid{grid-template-columns:repeat(6,1fr)}.about{grid-template-columns:1fr 1fr}.about blockquote{grid-column:1/-1}.steps{grid-template-columns:1fr;gap:20px}.arrow{display:none}}@media(max-width:600px){.section{padding:75px 18px}.header{padding:0 18px}.hero h1{font-size:43px}.hero-visual{height:330px}.browser{top:55px;height:230px}.fake-content{height:150px;padding:18px}.fake-content h3{font-size:17px}.phone{width:105px;right:0;bottom:5px}.code-card{width:120px}.trust-row{flex-wrap:wrap;gap:10px}.service-grid,.project-grid,.about{grid-template-columns:1fr}.project-wide{grid-column:auto}.project-wide .project-screen{height:280px}.store-hero{height:175px;padding:20px}.store-hero h3{font-size:25px}.stack-grid{grid-template-columns:repeat(4,1fr)}.section-head,.contact{display:block}.section-head>p{margin-top:18px}.contact .btn{margin-top:25px}.contact h2{font-size:50px}.footer{flex-wrap:wrap}.footer>div{margin-left:0;width:100%}}

/* v2 polish */
.project-actions{display:flex;gap:18px;align-items:center;margin-top:18px}.case-btn{border:0;background:none;color:#aeb9ff;font:inherit;cursor:pointer;padding:0}.case-btn:hover,.text-link:hover{color:#fff}.contact-note{max-width:520px;margin-top:22px;color:#8e98ad}.contact-actions{display:flex;gap:12px;align-items:center}.modal{position:fixed;inset:0;z-index:100;display:none}.modal.is-open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(12px)}.modal-card{position:relative;width:min(720px,calc(100% - 32px));max-height:calc(100vh - 40px);overflow:auto;margin:20px auto;padding:42px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(145deg,#101521,#090d14);box-shadow:0 30px 100px rgba(0,0,0,.55)}.modal-close{position:absolute;right:20px;top:14px;border:0;background:none;color:#fff;font-size:32px;cursor:pointer}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.modal-grid b{font-size:13px;color:#8d98ad;text-transform:uppercase;letter-spacing:.12em}.modal-grid p{line-height:1.65;color:#b9c1d0}.modal-card .btn{display:inline-flex}.contact-actions .btn{white-space:nowrap}@media(max-width:700px){.modal-card{padding:30px 22px;border-radius:22px}.modal-grid{grid-template-columns:1fr}.contact-actions{align-items:stretch;flex-direction:column}.contact-actions .btn{justify-content:center}.project-actions{flex-wrap:wrap}}

/* v4 — real studio portrait */
.about-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;filter:saturate(.92) contrast(1.03)}
.about-photo .portrait-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,9,14,.72) 100%);pointer-events:none}
.about-photo span{z-index:2}

/* Real project screenshots */
.real-screen{position:relative;overflow:hidden;background:#080c12;min-height:360px}
.real-screen img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;transition:transform .6s ease}
.project:hover .real-screen img{transform:scale(1.025)}
.real-screen-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,12,.04),rgba(4,7,12,.45))}
.real-screen-label{position:absolute;left:18px;top:18px;padding:8px 11px;border:1px solid rgba(255,255,255,.16);background:rgba(5,8,13,.68);backdrop-filter:blur(10px);border-radius:999px;font-size:10px;letter-spacing:.12em;color:#fff}
.crm-real{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 20%,rgba(91,75,255,.22),transparent 48%),#080c12;min-height:360px}
.crm-window{width:82%;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0d131d;box-shadow:0 25px 80px rgba(0,0,0,.45);padding:20px}
.crm-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.crm-top span{font-weight:800;font-size:22px}.crm-top small{color:#8e9aac}
.crm-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.crm-metrics b{padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#9aa6b7;font-size:11px}.crm-metrics em{display:block;color:#fff;font-size:24px;font-style:normal;margin-top:5px}
.crm-list{margin-top:12px;display:grid;gap:8px}.crm-list span{display:grid;grid-template-columns:70px 1fr 35px;align-items:center;padding:12px;border-radius:10px;background:#111925;font-size:11px}.crm-list i{font-style:normal;color:#c7d0dc}.crm-list strong{font-size:9px;color:#9c8cff}
.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.case-gallery figure{margin:0;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#080c12}
.case-gallery img{display:block;width:100%;height:auto}
.case-gallery figure:first-child{grid-column:1/-1}
@media(max-width:700px){.case-gallery{grid-template-columns:1fr}.case-gallery figure:first-child{grid-column:auto}.real-screen,.crm-real{min-height:250px}.crm-window{width:90%;padding:13px}.crm-metrics b{padding:10px}.crm-list span{grid-template-columns:55px 1fr 25px}}

/* v7 — selling sections + lead form */
.order-section{padding-top:110px}
.order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.order-card{position:relative;padding:32px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));min-height:245px;overflow:hidden;transition:transform .35s ease,border-color .35s ease,background .35s ease}
.order-card:before{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-90px;border-radius:50%;background:rgba(120,100,255,.14);filter:blur(8px)}
.order-card:hover{transform:translateY(-5px);border-color:rgba(160,145,255,.3);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.02))}
.order-num{font-size:11px;letter-spacing:.14em;color:#8e9aac;margin-bottom:48px}
.order-card h3{font-size:30px;margin:0 0 10px}.order-card p{max-width:520px;color:#a9b3c2;line-height:1.65;margin:0 0 22px}
.order-cta{margin-top:16px;padding:28px 32px;border-radius:22px;border:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:24px;background:rgba(255,255,255,.025)}
.order-cta h3{font-size:26px;margin:7px 0 0}.order-cta .btn{white-space:nowrap}
.contact-section{padding-bottom:130px}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding:42px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.contact-copy h2{font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-.05em;margin:15px 0 25px}.contact-copy h2 span{opacity:.45}
.contact-copy p{max-width:500px;color:#a9b3c2;line-height:1.7;font-size:16px}.contact-note{margin-top:28px;font-size:12px;color:#7f8a9a;letter-spacing:.04em}
.lead-form{display:grid;gap:16px}.lead-form label{font-size:12px;color:#aab4c4;display:grid;gap:8px}.lead-form input,.lead-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);background:rgba(5,9,15,.75);color:#fff;border-radius:13px;padding:15px 16px;font:inherit;outline:none;resize:vertical}.lead-form input:focus,.lead-form textarea:focus{border-color:rgba(157,143,255,.7);box-shadow:0 0 0 3px rgba(120,100,255,.09)}.lead-form .btn{justify-self:start}.form-status{min-height:18px;color:#aab4c4;font-size:12px}
@media(max-width:760px){.order-grid,.contact-wrap{grid-template-columns:1fr}.order-cta{align-items:flex-start;flex-direction:column}.contact-wrap{padding:24px;gap:35px}.contact-copy h2{font-size:52px}.order-card{min-height:210px}}