:root{--bg:#070a12;--panel:#10131f;--panel2:#151828;--accent:#7c5cff;--light:#b3a2ff;--text:#f5f4f9;--muted:#a9adbf;--line:#282b3e;--width:1280px;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}p,h1,h2,h3,h4{margin:0}h1,h2,h3,h4{font-weight:500;line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(42px,5.05vw,74px)}h2{font-size:clamp(32px,3.5vw,50px)}h3{font-size:27px}p+p{margin-top:18px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button,input,textarea,select,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--light)}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}::selection{background:var(--accent);color:white}[hidden]{display:none!important}.wrap{width:min(var(--width),calc(100% - 112px));margin:auto}.section{padding-block:76px}.topline{border-top:1px solid var(--line)}.muted{color:var(--muted)}.eyebrow{display:flex;gap:12px;align-items:center;font-size:10px;font-weight:600;letter-spacing:.15em;line-height:1.6;text-transform:uppercase;color:var(--muted);margin-bottom:24px}.eyebrow .dot{height:6px;width:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px #7c5cff55;flex-shrink:0}.eyebrow .num{color:var(--light);min-width:20px}.lead{font-size:18px;line-height:1.75;color:#c1c4d2;max-width:730px;margin-top:26px}.caption{font-size:11px;line-height:1.65;color:var(--muted)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-head>div{max-width:820px}.section-head p{margin-top:20px;max-width:700px;color:var(--muted);font-size:15px}.section-head .eyebrow{margin:0 0 20px}.section-head>.text-link{flex-shrink:0;margin-bottom:5px}.section-head h2{font-size:43px}.skip{position:fixed;z-index:200;left:12px;top:12px;padding:10px 18px;background:var(--accent);transform:translateY(-150%)}.skip:focus{transform:none}
.header{position:sticky;top:0;z-index:90;background:#070a12ed;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo{display:inline-flex;gap:5px;align-items:baseline;font-weight:800;font-size:24px;letter-spacing:-1.05px;line-height:1;white-space:nowrap}.logo .logo-point{font-size:32px;color:var(--accent);line-height:.7}.nav{display:flex;align-items:center;gap:28px;font-size:13px}.nav>a,.nav summary{color:#c0c1d0;transition:color .2s;white-space:nowrap}.nav>a:hover,.nav summary:hover,.nav a[aria-current=page]{color:white}.nav a[aria-current=page]:not(.account){text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:10px}.nav .account{padding:10px 15px;border:1px solid #403c56;border-radius:8px;font-size:12px}.nav details{position:relative}.nav summary{list-style:none;cursor:pointer;display:flex;gap:6px;align-items:center}.nav summary::-webkit-details-marker{display:none}.nav summary span{color:var(--light);font-size:12px}.nav-sub{position:absolute;top:35px;left:-22px;padding:15px;background:#10131ffb;border:1px solid #3b354e;border-radius:12px;width:252px;box-shadow:0 14px 50px #0008;display:flex;flex-direction:column;gap:1px}.nav-sub a{padding:10px 12px;color:#c0c1d0;border-radius:7px}.nav-sub a:hover{background:#7c5cff16;color:white}.nav-sub>a:first-child{color:var(--light);border-bottom:1px solid var(--line);border-radius:0;margin-bottom:5px}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:42px;border:1px solid var(--line);border-radius:8px;background:transparent}.menu-toggle span{width:18px;height:1px;background:white;transition:.2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
.btn{min-height:52px;padding:14px 21px;border-radius:8px;border:1px solid transparent;display:inline-flex;gap:30px;align-items:center;justify-content:space-between;font-size:14px;line-height:1.35;transition:transform .2s,background .2s,border-color .2s;vertical-align:middle}.btn:hover{transform:translateY(-2px)}.btn .arrow,.text-link .arrow{font-size:19px;line-height:1;flex-shrink:0}.btn-primary{background:var(--accent);color:white}.btn-primary:hover{background:#8a6cff}.btn-secondary{border-color:#39354e;background:transparent}.btn-secondary:hover{border-color:var(--light)}.btn-light{background:var(--text);color:var(--bg)}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;line-height:1.5;background:none;border:0;padding:0}.text-link .arrow{color:var(--light)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.hero{padding-block:85px 78px;min-height:716px;display:grid;grid-template-columns:1.48fr 1fr;gap:30px;align-items:center}.hero h1{font-size:clamp(45px,5.4vw,78px);font-weight:500;line-height:1.04;letter-spacing:-.055em}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.058em;font-size:.91em;color:var(--light)}.hero .lead{font-size:16px;max-width:620px;margin-top:30px}.hero-note{font-size:11px;color:var(--muted);margin-top:21px;max-width:530px}.brand-art{aspect-ratio:1/1.1;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;min-width:0;user-select:none}.brand-art:before{content:'';position:absolute;inset:12%;background:radial-gradient(ellipse,#7c5cff25,transparent 70%);z-index:-1}.brand-art .orbit{position:absolute;border:1px solid #7c5cff37;width:89%;height:59%;border-radius:50%;transform:rotate(-38deg)}.brand-art .orbit.two{transform:rotate(38deg);border-color:#7c5cff21}.brand-art .orbit.three{width:67%;height:67%;transform:none;border-color:#7c5cff18}.brand-monogram{font-weight:700;letter-spacing:-.1em;font-size:clamp(140px,15vw,210px);line-height:1;color:var(--text);position:relative;padding-right:12px}.brand-monogram .slash{color:var(--accent);font-weight:400}.art-marker{position:absolute;display:flex;align-items:center;gap:8px;background:#0c0e1ce8;border:1px solid #343047;border-radius:30px;padding:9px 13px;font-size:10px;line-height:1.4;color:#c7c1de}.art-marker:before{content:'';width:4px;height:4px;background:var(--light);border-radius:50%}.art-marker.m1{left:1%;top:19%}.art-marker.m2{right:0;top:32%}.art-marker.m3{left:4%;bottom:23%}.art-marker.m4{right:2%;bottom:12%}.art-caption{position:absolute;bottom:0;left:0;right:0;display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.13em;color:#8e87a8}.art-caption:after{content:'';height:1px;background:var(--line);flex:1}.company-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:90px}.company-grid h2{font-size:46px;line-height:1.2}.company-copy{padding-top:43px;font-size:16px;color:#b6bacd}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:46px;padding-top:25px;border-top:1px solid var(--line)}.principles div{display:flex;gap:13px;font-size:13px;line-height:1.6}.principles span{color:var(--light);font-size:12px;flex-shrink:0}.founder-card{display:grid;grid-template-columns:.8fr 1.5fr;gap:58px;padding:42px;border:1px solid #3a304f;background:linear-gradient(115deg,#1a142b,#10121f 60%);border-radius:20px}.founder-portrait{min-height:400px;position:relative;overflow:hidden;border-radius:12px;background:#0b0d19;border:1px solid #30263e;display:flex;flex-direction:column;justify-content:flex-end;padding:30px}.founder-portrait:before{content:'';width:360px;height:360px;border:1px solid #7c5cff35;position:absolute;top:-30px;left:-50px;border-radius:50%}.founder-portrait:after{content:'';width:300px;height:300px;border:1px solid #7c5cff25;position:absolute;top:0;left:-20px;border-radius:50%}.founder-letter{position:absolute;top:42px;left:35px;font-family:Georgia,serif;font-size:220px;line-height:1;color:var(--light);letter-spacing:-.1em;font-weight:400}.founder-portrait p{font-size:30px;line-height:1.1;font-weight:500;z-index:1}.founder-portrait small{font-size:11px;color:#aba4bf;display:block;margin-top:10px;z-index:1;position:relative}.founder-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.8}.founder-copy{padding:15px 0 10px}.founder-copy h2{font-size:43px;max-width:590px;line-height:1.17}.founder-copy>p{font-size:15px;line-height:1.8;color:#b8bbcd;margin-top:23px;max-width:625px}.founder-copy .eyebrow{margin-top:0;font-size:10px}.founder-copy .text-link{margin-top:26px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.tags span{font-size:10px;padding:5px 10px;color:#c3b8e1;border:1px solid #504165;border-radius:30px}.directions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.direction{display:flex;flex-direction:column;min-width:0;min-height:328px;border:1px solid var(--line);padding:25px;background:var(--panel);border-radius:14px;transition:border-color .2s,transform .2s}.direction:hover{border-color:#73609a;transform:translateY(-4px)}.direction .card-index{display:flex;align-items:center;justify-content:space-between;color:#9386b2;font-size:10px;margin-bottom:28px}.direction .symbol{font-size:26px;color:var(--light);line-height:1}.direction h3{font-size:27px;line-height:1.15;min-height:62px}.direction p{font-size:13px;line-height:1.8;color:#b2b5c7;margin-top:16px;flex:1}.direction-bottom{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#a9a1bd}.direction-bottom .arrow{font-size:19px;color:var(--light)}
.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 28px}.project-card{min-width:0}.project-cover{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#111321;border:1px solid #332b48;border-radius:16px;min-height:290px;padding:26px;transition:border-color .2s}.project-card:hover .project-cover{border-color:#8c70c3}.cover-label{position:absolute;left:24px;top:21px;font-size:9px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:#b2a2cf;z-index:2}.cover-note{position:absolute;right:22px;bottom:15px;font-size:8px;line-height:1.5;color:#8c829e;z-index:2}.cover-pwa{background:radial-gradient(ellipse at 45% 60%,#35275477,transparent 75%),#101320}.phone-shape{width:148px;height:234px;border-radius:24px;border:2px solid #716482;background:#0e0f1b;position:relative;transform:translate(46px,24px) rotate(8deg);box-shadow:0 24px 40px #0006;padding:32px 16px 18px}.phone-shape:before{content:'';width:46px;height:7px;border-radius:8px;background:#282536;position:absolute;top:11px;left:49px}.app-icon{width:46px;height:46px;background:var(--accent);border-radius:12px;display:grid;place-items:center;color:white;font-size:12px;letter-spacing:-.05em}.phone-line{height:6px;border-radius:4px;background:#2d293e;margin-top:14px;width:90%}.phone-line.short{width:57%;background:#5a477e}.install-chip{position:absolute;z-index:2;left:calc(50% - 158px);top:51%;padding:14px 17px;border:1px solid #63517f;border-radius:11px;background:#1a1429;box-shadow:0 16px 30px #0004;font-size:12px;line-height:1.5}.install-chip span{display:block;font-size:10px;color:var(--light);margin-top:4px}.cover-loyalty{background:radial-gradient(ellipse at 85% 40%,#44315b55,transparent 72%),#131220}.loyalty-plate{width:274px;height:148px;border:1px solid #796094;border-radius:13px;background:linear-gradient(130deg,#3d2c58,#1d172c);box-shadow:0 18px 40px #0004;transform:rotate(-8deg);padding:20px}.loyalty-plate .plate-small{font-size:9px;color:#c8bada;letter-spacing:.06em;text-transform:uppercase}.loyalty-plate .plate-title{font-family:Georgia,serif;font-size:30px;color:#e5d6f7;line-height:1.2;margin-top:15px}.plate-line{width:100px;height:5px;background:#6d5584;border-radius:3px;margin-top:14px}.loyalty-small{position:absolute;right:calc(50% - 160px);bottom:44px;background:#12121c;border:1px solid #716084;border-radius:9px;padding:12px 17px;font-size:11px;color:#c4b0db;transform:rotate(4deg)}.cover-comments{background:radial-gradient(ellipse at 25% 80%,#35245588,transparent 72%),#101320}.bubble-stack{display:flex;flex-direction:column;gap:10px;transform:translateY(15px);width:min(310px,90%)}.bubble{border:1px solid #483459;border-radius:12px 12px 12px 3px;padding:14px 19px;background:#171526;font-size:12px;color:#c8c0da}.bubble.reply{margin-left:30px;background:#7c5cff26;border-color:#70549e;border-radius:12px 12px 3px 12px}.bubble small{display:block;font-size:9px;color:var(--light);margin-bottom:7px}.bubble span{height:5px;background:#5f4b7b;border-radius:4px;display:block;margin-top:6px;width:80%}.bubble span:last-child{width:54%}.cover-websites{background:radial-gradient(ellipse at 50% 50%,#7c5cff1f,transparent 80%),#11131e}.browser-shape{width:330px;height:192px;margin-top:40px;background:#0a0e18;border:1px solid #595067;border-radius:8px;box-shadow:0 18px 35px #0005;transform:rotate(-5deg)}.browser-bar{height:26px;border-bottom:1px solid #363047;display:flex;align-items:center;gap:4px;padding:0 11px}.browser-bar i{width:4px;height:4px;background:#66587d;border-radius:50%}.browser-bar span{font-size:8px;margin-left:8px;color:#a89ab9}.browser-body{padding:25px 22px;position:relative}.browser-body>strong{font-size:18px;letter-spacing:-.03em;font-weight:500;line-height:1.2;display:block;width:180px}.browser-body .small-line{height:4px;background:#3d334e;border-radius:3px;margin-top:12px;width:145px}.browser-body .tiny-btn{width:66px;height:15px;border-radius:4px;background:var(--accent);margin-top:15px}.browser-orb{position:absolute;right:21px;top:28px;width:55px;height:70px;border-radius:50%;background:#7c5cff22;border:1px solid #6f5b89;transform:rotate(-25deg)}.project-info{padding-top:19px}.project-topline{font-size:10px;line-height:1.6;display:flex;justify-content:space-between;gap:10px;letter-spacing:.03em;color:var(--light);margin-bottom:9px}.project-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.project-title h3{font-size:26px;line-height:1.2}.project-title .arrow{color:var(--light);font-size:20px}.project-info p{font-size:14px;line-height:1.75;color:var(--muted);margin-top:11px;max-width:540px}.project-footnote{font-size:11px;line-height:1.75;color:#8e92a8;margin-top:24px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.filter{border:1px solid #3c344e;border-radius:30px;background:transparent;color:#b4adc4;font-size:12px;padding:8px 16px}.filter[aria-pressed=true]{border-color:#8d72c4;background:#7c5cff22;color:#e4d7ff}
.price-table{border-top:1px solid #504263}.price-row{display:grid;grid-template-columns:1.2fr 1.7fr 1fr 28px;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0;transition:background .2s}.price-row:hover{background:#7c5cff05}.price-name{font-size:19px;line-height:1.35}.price-detail{font-size:12px;line-height:1.7;color:var(--muted);max-width:370px}.price-value{font-size:23px;letter-spacing:-.055em;text-align:right;line-height:1.2;white-space:nowrap}.price-value small{display:block;font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:7px}.price-row>.arrow{color:var(--light);font-size:23px;justify-self:end}.price-note{font-size:12px;line-height:1.7;color:#9599ad;margin-top:20px;max-width:850px}.review-preview{border:1px dashed #4f425f;border-radius:14px;padding:28px;margin-top:0;background:#12111c}.review-preview .section-head{margin-bottom:24px}.review-preview .section-head h2{font-size:30px}.review-preview .section-head p{font-size:12px;max-width:680px}.review-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.review-slot{border:1px solid #2f283f;border-radius:9px;padding:17px;background:#0e0e18;min-height:117px}.review-slot strong{font-size:11px;font-weight:400;color:#a394b9;display:block}.skeleton{height:4px;background:#2d263a;margin-top:20px;border-radius:3px}.skeleton.short{width:60%;margin-top:9px}.preview-only{display:none}body.preview-mode .preview-only{display:block}.preview-badge{font-size:9px;padding:3px 8px;border:1px solid #716084;border-radius:20px;color:#bcadd2;white-space:nowrap}.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.review-card{padding:30px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.review-card blockquote{margin:0;font-size:17px;line-height:1.8}.review-author{margin-top:24px;font-size:13px}.review-card .caption{margin-top:6px}.review-card a{margin-top:15px}
.contact-panel{background:linear-gradient(125deg,#271b40,#151322 72%);border:1px solid #52416c;border-radius:20px;padding:46px;display:grid;grid-template-columns:1fr 1.08fr;gap:68px}.contact-panel h2{font-size:49px;line-height:1.12}.contact-panel .lead{font-size:15px;margin-top:24px}.contact-links{margin-top:40px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.email-link{font-size:clamp(18px,2.1vw,28px);letter-spacing:-.04em;line-height:1.3;overflow-wrap:anywhere}.contact-links .text-link{font-size:12px;color:#c0b1d3}.contact-form{display:flex;flex-direction:column;gap:18px;min-width:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#c6bdd6;min-width:0}.field input,.field textarea,.field select{width:100%;border:1px solid #4b3b61;border-radius:7px;background:#0b0d19aa;color:var(--text);padding:12px 13px;min-height:45px;font-size:14px;line-height:1.5;resize:vertical;min-width:0}.field textarea{min-height:103px}.field input::placeholder,.field textarea::placeholder{color:#8c819e}.contact-form .actions{margin:0;gap:12px;align-items:center}.contact-form .btn{font-size:13px;gap:20px}.form-caption{font-size:10px;line-height:1.7;color:#a89ab9;margin:0}.form-status{font-size:12px;line-height:1.6;color:#d5c8ee;min-height:0}.form-output{width:100%;min-height:210px;background:#0b0d18;color:#d1c9df;border:1px solid #5c4a74;border-radius:8px;padding:13px;font-size:12px;line-height:1.7}.form-copy{font-size:12px;color:#c5b3e0;background:none;border:0;padding:5px 0}.form-copy:hover{text-decoration:underline}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process article{border-top:1px solid var(--line);padding-top:24px}.process .num{font-size:11px;color:var(--light)}.process h3{font-size:25px;line-height:1.2;margin-top:21px}.process p{font-size:14px;line-height:1.75;color:var(--muted);margin-top:17px}
.footer{margin-top:20px;padding-block:48px 22px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.45fr 1.1fr 1fr 1.15fr;gap:30px}.footer-brand p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:20px}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:11px;font-size:12px;color:#afb1c1}.footer-column strong{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#797e94;margin-bottom:7px;font-weight:500}.footer-column a:hover{color:white}.footer-bottom{border-top:1px solid var(--line);margin-top:37px;padding-top:21px;display:flex;justify-content:space-between;gap:24px;font-size:10px;color:#7e8399}.legal-links{display:flex;flex-wrap:wrap;gap:12px 22px}.footer-watermark{margin-top:42px;font-size:clamp(62px,11vw,161px);font-weight:700;letter-spacing:-.055em;line-height:.9;color:#151422;white-space:nowrap;overflow:hidden}.preview-toolbar{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);z-index:110;background:#171121f5;border:1px solid #5d477a;border-radius:30px;box-shadow:0 8px 25px #0008;font-size:10px;line-height:1.5;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 17px;color:#cdc0de;max-width:calc(100% - 22px)}.preview-toolbar button{background:none;border:0;font-size:16px;line-height:1;color:#cbb9e4;padding:2px 5px}.preview-toolbar .dot{width:5px;height:5px;border-radius:50%;background:var(--light);flex-shrink:0}
.breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;color:#8d90a6;line-height:1.6;margin-bottom:39px}.breadcrumb span{color:#615575}.page-intro{padding-top:35px;padding-bottom:62px}.intro-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:78px;align-items:start}.intro-grid h1{font-size:clamp(39px,4.7vw,65px);line-height:1.13;max-width:850px}.intro-grid .lead{font-size:16px}.intro-wide{max-width:990px}.intro-wide h1{font-size:clamp(40px,5vw,71px);line-height:1.12}.intro-wide .lead{font-size:17px}.quote-box{border:1px solid #584173;border-radius:14px;background:linear-gradient(140deg,#271c3d,#11131e);padding:30px}.quote-box .eyebrow{font-size:9px}.quote-price{font-size:39px;line-height:1.15;letter-spacing:-.055em;white-space:nowrap}.quote-price small{display:block;font-size:11px;color:var(--muted);letter-spacing:0;font-weight:400;margin-top:10px}.quote-box>p{font-size:12px;color:#b4a9c6;margin-top:22px;line-height:1.8}.quote-box .btn{margin-top:26px;width:100%;font-size:12px;gap:15px}.quote-box .preview-only{margin-top:10px;font-size:10px;color:var(--light)}.split-copy{display:grid;grid-template-columns:1fr 1.18fr;gap:80px}.split-copy h2{font-size:39px;line-height:1.25}.split-copy>div+div{padding-top:40px}.split-copy p{font-size:16px;line-height:1.9;color:#b4b8cb}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.detail-grid article{border-top:1px solid var(--line);padding-top:24px}.detail-grid article>.num{font-size:11px;color:var(--light)}.detail-grid h3{font-size:27px;margin-top:20px;line-height:1.2}.detail-grid p{font-size:14px;line-height:1.8;color:#b0b4c8;margin-top:18px}.deliverable{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding:38px;border:1px solid #3e3452;border-radius:15px;background:#14121f}.deliverable h2{font-size:38px;line-height:1.2}.deliverable p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:20px}.check-list{margin:0;padding:0;list-style:none}.check-list li{padding:14px 0 14px 27px;border-bottom:1px solid #332a43;position:relative;color:#c3bfd0;font-size:14px;line-height:1.7}.check-list li:first-child{padding-top:0}.check-list li:before{content:'↗';position:absolute;left:0;color:var(--light)}.check-list li:last-child{border-bottom:0;padding-bottom:0}.faq-list{border-top:1px solid #4c3c60}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:30px;font-size:21px;line-height:1.45;padding:24px 0;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:var(--light);font-size:22px}.faq-list details[open] summary:after{content:'−'}.faq-answer{padding:0 60px 26px 0;font-size:15px;line-height:1.8;color:#b4b6c8;max-width:950px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-item{padding:30px;border:1px solid var(--line);border-radius:13px;background:var(--panel);display:flex;flex-direction:column;align-items:flex-start}.service-item h3{font-size:30px;line-height:1.2}.service-item p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:20px;flex:1}.service-item .service-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:27px;padding-top:20px;border-top:1px solid var(--line)}.service-meta .text-link{font-size:12px}.service-price{font-size:23px;letter-spacing:-.04em}.group-section{padding-top:25px}.group-heading{font-size:26px;color:var(--light);margin-bottom:24px}.product-banner{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;padding:44px;background:linear-gradient(135deg,#251936,#10121e);border:1px solid #5a406e;border-radius:17px}.product-banner h2{font-size:45px}.product-banner p{font-size:15px;color:#bab1cd;margin-top:24px;max-width:680px}.product-emblem{font-size:100px;line-height:1;letter-spacing:-.07em;display:flex;align-items:center;justify-content:center;color:var(--light);font-weight:500}.product-emblem span{color:var(--accent);font-size:57px;align-self:flex-start;margin-top:15px}.product-steps{margin-top:35px}.notice{font-size:12px;color:#a99cba;line-height:1.8;padding:22px 25px;border-left:2px solid #7654a2;background:#7c5cff08;margin-top:25px}.case-intro{max-width:880px}.case-cover .project-cover{min-height:410px}.case-cover .phone-shape{transform:translate(46px,25px) rotate(8deg) scale(1.35)}.case-cover .install-chip{top:48%;transform:scale(1.2)}.case-cover .loyalty-plate,.case-cover .browser-shape{transform:rotate(-6deg) scale(1.3)}.case-cover .loyalty-small{right:calc(50% - 190px);bottom:80px;transform:rotate(4deg) scale(1.2)}.case-cover .bubble-stack{width:430px;transform:translateY(15px) scale(1.15)}.case-sections{display:grid;grid-template-columns:230px 1fr;gap:40px;padding-block:32px;border-top:1px solid var(--line)}.case-sections>h2{font-size:29px;color:var(--light)}.case-sections p{font-size:16px;color:#b8bbcc;line-height:1.9}.case-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px}.competencies{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.competency{padding:25px 0;border-top:1px solid var(--line)}.competency h3{font-size:26px;line-height:1.2}.competency p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:17px}
@media(min-width:1600px){.hero{min-height:760px}.hero h1{font-size:80px}.wrap{width:min(1340px,calc(100% - 140px))}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.nav{gap:18px;font-size:12px}.nav .account{font-size:10px;padding:9px 11px}.logo{font-size:22px}.hero{gap:20px;min-height:650px}.hero h1{font-size:63px}.hero .lead{font-size:15px}.art-marker{font-size:9px;padding:8px 10px}.brand-monogram{font-size:155px}.company-grid{gap:50px}.company-grid h2{font-size:39px}.founder-card{gap:36px;padding:32px;grid-template-columns:.8fr 1.4fr}.founder-copy h2{font-size:35px}.founder-portrait{min-height:390px;padding:23px}.founder-letter{font-size:190px;left:22px;top:64px}.directions{grid-template-columns:repeat(2,1fr)}.direction{min-height:265px}.direction h3{min-height:0;font-size:29px}.direction p{font-size:14px;max-width:360px}.direction .card-index{margin-bottom:25px}.contact-panel{gap:42px;padding:35px}.contact-panel h2{font-size:41px}.contact-form .btn{font-size:12px;gap:12px;padding-inline:14px}.price-row{gap:20px;grid-template-columns:1.4fr 1.5fr 1fr 22px}.price-name{font-size:18px}.price-value{font-size:21px}.intro-grid{gap:36px;grid-template-columns:1.7fr 1fr}.quote-box{padding:24px}.quote-price{font-size:33px}.intro-grid h1{font-size:52px}.deliverable{gap:40px}.split-copy{gap:45px}.product-banner{gap:30px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:35px}.footer-column:last-child{grid-column:2/4}.process{gap:24px}.process h3{font-size:23px}.process p{font-size:13px}}
@media(max-width:850px){.header-inner{height:75px}.menu-toggle{display:flex}.nav{display:none;position:fixed;top:75px;left:0;right:0;background:#0c0e19;border-bottom:1px solid #3d304e;padding:24px 36px 34px;max-height:calc(100dvh - 75px);overflow:auto;flex-direction:column;align-items:stretch;gap:0;font-size:17px}.nav.is-open{display:flex}.nav>a,.nav summary{padding:14px 0;display:block}.nav .account{display:inline-block;align-self:flex-start;font-size:14px;padding:12px 16px;margin-top:18px}.nav-sub{position:static;box-shadow:none;margin-bottom:12px;width:100%;padding:7px;background:#151221;font-size:14px}.nav-sub a{padding:10px 12px}.nav summary{display:flex;justify-content:space-between}.hero{grid-template-columns:1.5fr 1fr;gap:0;padding-block:62px}.hero h1{font-size:52px}.hero .lead{font-size:14px}.brand-monogram{font-size:127px}.art-marker{font-size:8px;padding:6px 9px}.art-caption{font-size:6px}.hero-note{font-size:10px}.hero .btn{font-size:12px;gap:17px;padding:13px 16px}.company-grid h2{font-size:36px}.company-grid{gap:35px}.company-copy{padding-top:35px;font-size:14px}.principles{gap:22px}.principles div{font-size:11px}.founder-card{grid-template-columns:.75fr 1.35fr;gap:25px;padding:24px}.founder-letter{font-size:150px;top:96px;left:12px}.founder-copy h2{font-size:30px}.founder-copy>p{font-size:13px;line-height:1.85}.founder-copy .eyebrow{font-size:9px}.founder-portrait{min-height:380px}.founder-portrait p{font-size:24px}.section{padding-block:57px}.section-head h2{font-size:37px}.project-cover{min-height:265px}.project-title h3{font-size:22px}.project-info p{font-size:13px}.project-topline{font-size:9px}.contact-panel{grid-template-columns:1fr;gap:34px}.contact-panel h2{font-size:44px;max-width:530px}.contact-panel .lead{max-width:570px}.contact-links{margin-top:24px;gap:10px}.contact-form .btn{font-size:14px;gap:30px}.contact-form{max-width:630px}.intro-grid{grid-template-columns:1fr}.quote-box{max-width:490px}.quote-box .btn{max-width:270px}.intro-grid h1{font-size:57px;max-width:850px}.split-copy{gap:30px}.split-copy h2{font-size:33px}.split-copy p{font-size:14px}.detail-grid{gap:25px}.detail-grid h3{font-size:23px}.detail-grid p{font-size:13px}.deliverable{grid-template-columns:1fr;gap:28px}.deliverable h2{font-size:36px}.deliverable p{max-width:680px}.review-slots{grid-template-columns:repeat(2,1fr)}.product-banner h2{font-size:38px}.product-emblem{font-size:80px}.competencies{grid-template-columns:repeat(2,1fr)}.case-sections{grid-template-columns:175px 1fr;gap:30px}.price-row{grid-template-columns:1.4fr 1.5fr 1.05fr 18px;gap:15px}.price-name{font-size:16px}.price-value{font-size:19px}.price-detail{font-size:11px}.process{grid-template-columns:repeat(2,1fr);gap:28px}.process h3{font-size:24px}.process p{font-size:14px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header-inner{height:70px}.nav{top:70px;max-height:calc(100dvh - 70px);padding-inline:22px}.logo{font-size:22px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:43px;gap:18px}.hero .eyebrow{font-size:8px;margin-bottom:26px;letter-spacing:.12em}.hero h1{font-size:clamp(39px,9.4vw,57px);line-height:1.08;letter-spacing:-.055em}.hero h1 em{font-size:.93em;letter-spacing:-.055em}.hero .lead{font-size:15px;line-height:1.8;margin-top:26px}.hero .actions{margin-top:28px;gap:11px}.hero .btn{font-size:12px;padding-inline:15px;gap:20px;min-height:49px}.hero-note{font-size:10px;line-height:1.8;margin-top:19px}.brand-art{width:100%;max-width:360px;height:270px;margin:12px auto 0;aspect-ratio:auto}.brand-monogram{font-size:143px}.brand-art .orbit{width:80%;height:58%}.brand-art .orbit.three{width:56%;height:69%}.art-marker{font-size:8px;padding:7px 9px}.art-marker.m1{top:8%;left:1%}.art-marker.m2{top:30%;right:0}.art-marker.m3{bottom:25%;left:0}.art-marker.m4{bottom:13%;right:0}.art-caption{font-size:7px;bottom:-1px}.company-grid{grid-template-columns:1fr;gap:0}.company-grid h2{font-size:34px;line-height:1.23}.eyebrow{font-size:9px;margin-bottom:21px}.company-copy{padding-top:25px;font-size:14px;line-height:1.85}.principles{grid-template-columns:1fr;gap:14px;padding-top:23px;margin-top:26px}.principles div{font-size:13px}.section{padding-block:42px}.section-head{display:block;margin-bottom:27px}.section-head h2{font-size:33px;line-height:1.18}.section-head p{font-size:14px;line-height:1.8;margin-top:18px}.section-head>.text-link{margin-top:22px;font-size:12px}.section-head .eyebrow{margin-bottom:20px}.founder-card{grid-template-columns:1fr;gap:27px;padding:21px;border-radius:15px}.founder-portrait{min-height:255px;max-height:280px;padding:23px}.founder-letter{font-size:190px;left:auto;right:42px;top:21px}.founder-portrait:before{left:12%;width:320px;height:320px;top:-60px}.founder-portrait:after{left:calc(12% + 25px);width:270px;height:270px;top:-35px}.founder-portrait p{font-size:27px}.founder-portrait small{max-width:150px;font-size:10px}.founder-copy{padding:0 1px 9px}.founder-copy h2{font-size:32px;line-height:1.2}.founder-copy>p{font-size:14px;line-height:1.85}.founder-copy .eyebrow{font-size:9px;margin:0 0 20px}.tags{margin-top:20px;gap:7px}.tags span{font-size:10px;padding:5px 9px}.founder-copy .text-link{font-size:13px;margin-top:24px}.directions{grid-template-columns:1fr;gap:14px}.direction{min-height:0;padding:24px}.direction .card-index{margin-bottom:22px}.direction h3{font-size:28px}.direction p{font-size:14px;line-height:1.8;margin-top:16px}.direction-bottom{font-size:10px;margin-top:23px;padding-top:18px}.direction .symbol{font-size:24px}.projects-grid{grid-template-columns:1fr;gap:31px}.project-cover{min-height:273px;border-radius:12px}.project-title h3{font-size:25px;line-height:1.25}.project-info p{font-size:14px;line-height:1.75}.project-topline{font-size:9px;margin-bottom:11px}.project-info{padding-top:18px}.project-footnote{font-size:10px}.cover-label{font-size:8px;left:21px;top:19px}.cover-note{font-size:7px;bottom:13px;right:15px}.browser-shape{width:270px;height:181px}.browser-body>strong{font-size:16px;width:160px}.browser-body .small-line{width:125px}.browser-orb{width:42px;height:56px;right:17px}.loyalty-plate{width:245px}.loyalty-small{right:calc(50% - 139px)}.price-row{grid-template-columns:1.7fr 1fr 14px;gap:10px 17px;padding:23px 0;align-items:start}.price-name{font-size:17px;line-height:1.4}.price-detail{grid-column:1/3;grid-row:2;font-size:11px;max-width:100%;margin-top:3px}.price-value{font-size:19px;line-height:1.35}.price-value small{font-size:9px;margin-top:6px}.price-row>.arrow{grid-column:3;grid-row:1;font-size:19px;align-self:center}.price-note{font-size:11px;line-height:1.8}.review-preview{padding:20px}.review-preview .section-head h2{font-size:27px}.review-preview .section-head p{font-size:11px;line-height:1.8}.review-slots{gap:10px}.review-slot{padding:15px;min-height:100px}.review-slot strong{font-size:10px}.preview-badge{font-size:8px;display:inline-block;margin-top:12px}.contact-panel{padding:25px 21px;gap:32px;border-radius:15px}.contact-panel h2{font-size:35px;line-height:1.16}.contact-panel .eyebrow{font-size:8px}.contact-panel .lead{font-size:14px;line-height:1.85;margin-top:23px}.email-link{font-size:25px}.contact-links{margin-top:27px;gap:14px}.contact-links .text-link{font-size:11px}.form-row{grid-template-columns:1fr;gap:18px}.field{font-size:11px}.field input,.field textarea,.field select{font-size:16px;min-height:47px}.contact-form .btn{font-size:12px;gap:20px;padding-inline:16px}.form-copy{font-size:11px}.contact-form .actions{gap:15px}.form-caption{font-size:10px}.contact-form{gap:19px}.contact-panel .contact-links p{font-size:11px}.footer{padding-top:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 23px}.footer-brand{grid-column:1/-1}.footer-column{font-size:11px;gap:12px}.footer-column:last-child{grid-column:1/-1}.footer-bottom{display:block;font-size:9px;padding-top:22px;margin-top:29px}.legal-links{margin-top:17px;gap:12px 17px;line-height:1.8}.footer-watermark{font-size:14.4vw;margin-top:30px;line-height:1}.preview-toolbar{font-size:8px;gap:8px;padding:7px 8px 7px 12px;bottom:10px;white-space:nowrap}.preview-toolbar button{font-size:15px}.breadcrumb{font-size:9px;gap:8px;margin-bottom:30px}.page-intro{padding-top:27px;padding-bottom:36px}.intro-grid h1,.intro-wide h1{font-size:clamp(35px,8.7vw,51px);line-height:1.15;letter-spacing:-.045em}.intro-grid .lead,.intro-wide .lead{font-size:15px;line-height:1.85;margin-top:24px}.intro-grid{gap:29px}.quote-box{padding:25px}.quote-price{font-size:37px}.quote-price small{font-size:10px}.quote-box>p{font-size:12px}.quote-box .btn{font-size:12px}.split-copy{grid-template-columns:1fr;gap:22px}.split-copy h2{font-size:32px;line-height:1.25}.split-copy>div+div{padding-top:0}.split-copy p{font-size:15px;line-height:1.85}.detail-grid{grid-template-columns:1fr;gap:25px}.detail-grid article{padding-top:24px}.detail-grid h3{font-size:27px;margin-top:17px}.detail-grid p{font-size:14px;line-height:1.8}.deliverable{padding:25px 22px;gap:26px}.deliverable h2{font-size:32px}.deliverable p{font-size:12px}.check-list li{font-size:14px;padding-left:23px}.faq-list summary{font-size:17px;line-height:1.6;gap:15px;padding:21px 0}.faq-answer{font-size:14px;line-height:1.85;padding:0 0 24px}.service-list{grid-template-columns:1fr;gap:15px}.service-item{padding:25px}.service-item h3{font-size:28px}.service-item p{font-size:14px}.service-meta .text-link{font-size:11px;gap:10px}.service-price{font-size:22px}.group-heading{font-size:26px;line-height:1.2}.group-section{padding-top:10px}.product-banner{grid-template-columns:1fr;padding:26px;gap:22px}.product-banner h2{font-size:35px}.product-banner p{font-size:14px;line-height:1.85}.product-emblem{min-height:120px;font-size:90px;justify-content:flex-start}.product-emblem span{margin-top:0}.notice{padding:18px 19px;font-size:11px;line-height:1.9}.case-cover .project-cover{min-height:310px}.case-cover .phone-shape{transform:translate(30px,25px) rotate(8deg) scale(1.03)}.case-cover .install-chip{transform:none;left:18px}.case-cover .loyalty-plate,.case-cover .browser-shape{transform:rotate(-6deg) scale(1)}.case-cover .loyalty-small{transform:rotate(4deg) scale(1);right:calc(50% - 139px);bottom:53px}.case-cover .bubble-stack{width:270px;transform:translateY(15px);max-width:98%}.case-sections{grid-template-columns:1fr;gap:19px;padding-block:28px}.case-sections>h2{font-size:29px}.case-sections p{font-size:15px;line-height:1.9}.case-links{gap:15px}.case-links .text-link{font-size:13px}.competencies{grid-template-columns:1fr;gap:0}.competency{padding:26px 0}.competency h3{font-size:27px}.competency p{font-size:14px;line-height:1.85}.process{gap:25px 23px}.process h3{font-size:22px;line-height:1.2}.process p{font-size:12px;line-height:1.8}.process .num{font-size:10px}.reviews-grid{grid-template-columns:1fr}.review-card{padding:25px}.review-card blockquote{font-size:15px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:38px}.hero .eyebrow{font-size:7px;letter-spacing:.1em}.hero .btn{font-size:11px;gap:13px;padding-inline:12px}.hero .lead{font-size:14px}.hero-note{font-size:9px}.price-row{gap:10px 11px;grid-template-columns:1.6fr 1fr 12px}.price-name{font-size:15px}.price-value{font-size:17px}.direction-bottom{font-size:9px}.founder-copy h2{font-size:29px}.contact-panel h2{font-size:31px}.email-link{font-size:22px}.quote-price{font-size:34px}.preview-toolbar{font-size:7px}.contact-panel{padding:23px 18px}.product-banner h2{font-size:31px}.service-price{font-size:20px}.service-meta .text-link{font-size:10px;gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.btn:hover,.direction:hover{transform:none}}
@media print{body{background:white;color:black}.header,.footer,.preview-toolbar,.brand-art,.contact-form{display:none!important}.wrap{width:100%}.section{padding-block:20px}h1,h2,h3,p,.lead,.muted{color:black!important}.hero{display:block;min-height:0;padding:0 0 30px}.contact-panel,.founder-card,.quote-box,.deliverable{background:white;border-color:#bbb}.preview-only{display:none!important}.project-card,.direction,.price-row{break-inside:avoid}}


/* BLACKLABS_HERO_MOTION_START */

/* Живой hero Black Labs */
.brand-art {
    --mouse-x: 0px;
    --mouse-y: 0px;
}

.brand-art:before {
    animation: blGlowBreath 5.5s ease-in-out infinite;
}

.brand-art .orbit {
    transform-origin: 50% 50%;
    will-change: transform;
    animation: blOrbitOne 25s linear infinite;
    transition: border-color .4s ease, opacity .4s ease;
}

.brand-art .orbit.two {
    animation: blOrbitTwo 34s linear infinite reverse;
}

.brand-art .orbit.three {
    animation: blOrbitThree 42s linear infinite;
}

/* светящаяся точка на каждой орбите */
.brand-art .orbit::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    top: -3px;
    left: 50%;
    border-radius: 50%;
    background: #b7a8ff;
    box-shadow:
        0 0 7px rgba(183,168,255,.9),
        0 0 18px rgba(124,92,255,.6);
    opacity: .78;
}

.brand-art .orbit.two::after {
    width: 4px;
    height: 4px;
    top: -2px;
    background: #7c5cff;
    opacity: .55;
}

.brand-art .orbit.three::after {
    width: 5px;
    height: 5px;
    top: -2px;
    background: #d8d0ff;
    opacity: .42;
}

.brand-monogram {
    --px: 0px;
    --py: 0px;
    transform: translate3d(var(--px), var(--py), 0);
    transition: transform .22s cubic-bezier(.2,.8,.2,1);
    will-change: transform;
    text-shadow: 0 0 0 rgba(124,92,255,0);
}

.brand-monogram .slash {
    display: inline-block;
    transform-origin: center;
    animation: blSlashPulse 3.8s ease-in-out infinite;
}

.art-marker {
    --marker-x: 0px;
    --marker-y: 0px;
    transform: translate3d(var(--marker-x), var(--marker-y), 0);
    will-change: transform, translate;
}

.art-marker.m1 {
    animation: blMarkerFloatA 5.8s ease-in-out infinite;
}

.art-marker.m2 {
    animation: blMarkerFloatB 6.6s ease-in-out infinite .4s;
}

.art-marker.m3 {
    animation: blMarkerFloatA 7.2s ease-in-out infinite .8s;
}

.art-marker.m4 {
    animation: blMarkerFloatB 6.1s ease-in-out infinite 1.1s;
}

.brand-art:hover .orbit {
    border-color: rgba(124,92,255,.33);
}

.brand-art:hover .brand-monogram {
    text-shadow:
        0 0 28px rgba(124,92,255,.06),
        0 0 70px rgba(124,92,255,.04);
}

@keyframes blOrbitOne {
    from { transform: rotate(-38deg); }
    to   { transform: rotate(322deg); }
}

@keyframes blOrbitTwo {
    from { transform: rotate(38deg); }
    to   { transform: rotate(398deg); }
}

@keyframes blOrbitThree {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@keyframes blGlowBreath {
    0%, 100% {
        opacity: .55;
        transform: scale(.95);
    }
    50% {
        opacity: 1;
        transform: scale(1.08);
    }
}

@keyframes blSlashPulse {
    0%, 100% {
        transform: translateY(0) skew(-4deg);
        text-shadow: 0 0 0 rgba(124,92,255,0);
        filter: brightness(1);
    }
    50% {
        transform: translateY(-2px) skew(-4deg);
        text-shadow:
            0 0 14px rgba(124,92,255,.45),
            0 0 28px rgba(124,92,255,.18);
        filter: brightness(1.16);
    }
}

@keyframes blMarkerFloatA {
    0%, 100% { translate: 0 0; }
    50%      { translate: 0 -7px; }
}

@keyframes blMarkerFloatB {
    0%, 100% { translate: 0 0; }
    50%      { translate: 0 6px; }
}

@media (prefers-reduced-motion: reduce) {
    .brand-art:before,
    .brand-art .orbit,
    .brand-monogram .slash,
    .art-marker {
        animation: none !important;
    }

    .brand-monogram {
        transition: none !important;
        transform: none !important;
    }
}

/* BLACKLABS_HERO_MOTION_END */


/* BLACKLABS_PRINCIPLES_CARDS_START */

.principles-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:46px;
    padding-top:25px;
    border-top:1px solid var(--line);
}

.principle-card{
    position:relative;
    overflow:hidden;
    min-height:240px;
    padding:24px 22px 22px;
    border:1px solid #2c3043;
    border-radius:18px;
    background:
        linear-gradient(180deg, rgba(20,22,35,.92), rgba(12,14,28,.96)),
        radial-gradient(circle at 0% 0%, rgba(124,92,255,.07), transparent 45%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 10px 30px rgba(0,0,0,.12);
    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        border-color .35s ease,
        box-shadow .35s ease,
        background .35s ease;
    will-change: transform;
    isolation:isolate;
}

.principle-card::before{
    content:'';
    position:absolute;
    inset:auto;
    width:220px;
    height:220px;
    top:var(--spot-y, -100px);
    left:var(--spot-x, -100px);
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle, rgba(124,92,255,.18), rgba(124,92,255,0) 68%);
    opacity:0;
    transition:opacity .28s ease;
    pointer-events:none;
    z-index:0;
}

.principle-card::after{
    content:'';
    position:absolute;
    inset:1px;
    border-radius:17px;
    background:linear-gradient(145deg, rgba(255,255,255,.02), transparent 35%, transparent 65%, rgba(124,92,255,.05));
    pointer-events:none;
    z-index:0;
}

.principle-card > *{
    position:relative;
    z-index:1;
}

.principle-card:hover{
    transform:translateY(-6px);
    border-color:#5c4c87;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 18px 45px rgba(0,0,0,.22),
        0 0 0 1px rgba(124,92,255,.12);
}

.principle-card:hover::before{
    opacity:1;
}

.principle-topline{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
}

.principle-num{
    font-size:12px;
    line-height:1;
    color:#b8aaff;
    font-weight:600;
    letter-spacing:.08em;
}

.principle-kicker{
    font-size:10px;
    line-height:1.3;
    color:#928ca9;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.principle-card h3{
    font-size:24px;
    line-height:1.18;
    letter-spacing:-.03em;
    max-width:280px;
}

.principle-card p{
    margin-top:16px;
    font-size:13px;
    line-height:1.8;
    color:#b4b8ca;
    max-width:310px;
}

.reveal-card{
    opacity:0;
    transform:translateY(24px);
    transition:
        opacity .7s ease,
        transform .7s cubic-bezier(.2,.8,.2,1);
    transition-delay:var(--delay, 0s);
}

.reveal-card.is-visible{
    opacity:1;
    transform:translateY(0);
}

@media (max-width:850px){
    .principles-cards{
        gap:14px;
    }

    .principle-card{
        min-height:220px;
        padding:20px 18px;
    }

    .principle-card h3{
        font-size:20px;
    }

    .principle-card p{
        font-size:12px;
    }
}

@media (max-width:600px){
    .principles-cards{
        grid-template-columns:1fr;
        gap:12px;
        padding-top:23px;
        margin-top:26px;
    }

    .principle-card{
        min-height:0;
        padding:19px 17px 18px;
        border-radius:15px;
    }

    .principle-card::after{
        border-radius:14px;
    }

    .principle-topline{
        margin-bottom:16px;
    }

    .principle-card h3{
        font-size:21px;
        max-width:none;
    }

    .principle-card p{
        font-size:13px;
        line-height:1.8;
        max-width:none;
    }
}

@media (prefers-reduced-motion: reduce){
    .principle-card,
    .reveal-card{
        transition:none !important;
        animation:none !important;
        transform:none !important;
    }

    .reveal-card{
        opacity:1 !important;
    }
}

/* BLACKLABS_PRINCIPLES_CARDS_END */


/* BLACKLABS_FOUNDER_NEW_START */

.founder-copy-new{
    padding:8px 0 4px;
}

.founder-copy-new h2{
    font-size:clamp(36px,3.2vw,52px);
    line-height:1.09;
    max-width:760px;
    letter-spacing:-.045em;
}

.founder-copy-new h2 span{
    color:#b7a8ff;
    font-family:Georgia,'Times New Roman',serif;
    font-weight:400;
    letter-spacing:-.035em;
}

.founder-story{
    margin-top:38px;
    max-width:760px;
}

.founder-story h3,
.founder-benefits>h3{
    font-size:12px;
    line-height:1.4;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#988dae;
    font-weight:500;
}

.founder-story p{
    margin-top:17px;
    font-size:15px;
    line-height:1.9;
    color:#bbbfd0;
    max-width:740px;
}

.founder-story strong{
    color:#f1f0f6;
    font-weight:500;
}

.founder-benefits{
    margin-top:40px;
}

.founder-benefit-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:19px;
}

.founder-benefit{
    position:relative;
    overflow:hidden;
    padding:20px 19px 19px;
    min-height:205px;
    border:1px solid #302b41;
    border-radius:14px;
    background:
        linear-gradient(145deg,rgba(19,20,34,.96),rgba(12,14,27,.98));
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

.founder-benefit::before{
    content:'';
    position:absolute;
    inset:-80% auto auto -20%;
    width:190px;
    height:190px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(124,92,255,.14),
        rgba(124,92,255,0) 70%
    );
    opacity:.25;
    transition:opacity .3s ease, transform .4s ease;
}

.founder-benefit:hover{
    transform:translateY(-4px);
    border-color:#5a4c7a;
    background:
        linear-gradient(145deg,rgba(24,21,42,.98),rgba(13,15,28,.98));
    box-shadow:0 16px 40px rgba(0,0,0,.18);
}

.founder-benefit:hover::before{
    opacity:.8;
    transform:translate(25px,25px);
}

.founder-benefit>span{
    display:block;
    position:relative;
    z-index:1;
    font-size:10px;
    color:#aa9cff;
    letter-spacing:.12em;
    margin-bottom:18px;
}

.founder-benefit h4{
    position:relative;
    z-index:1;
    font-size:19px;
    line-height:1.25;
    letter-spacing:-.02em;
    max-width:280px;
}

.founder-benefit p{
    position:relative;
    z-index:1;
    margin-top:12px;
    font-size:12px;
    line-height:1.75;
    color:#aeb2c4;
}

.founder-more{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:30px;
    padding:18px 0 15px;
    border-bottom:1px solid #3c334e;
    font-size:14px;
    color:#f0eff6;
    transition:
        color .25s ease,
        border-color .25s ease;
}

.founder-more:hover{
    color:#b7a8ff;
    border-color:#7c5cff;
}

.founder-more-arrow{
    font-size:22px;
    color:#9c8cff;
    transition:transform .25s ease;
}

.founder-more:hover .founder-more-arrow{
    transform:translate(4px,-4px);
}

@media(max-width:850px){
    .founder-benefit{
        min-height:220px;
    }

    .founder-benefit h4{
        font-size:17px;
    }

    .founder-story p{
        font-size:14px;
    }
}

@media(max-width:600px){
    .founder-copy-new h2{
        font-size:32px;
        line-height:1.15;
    }

    .founder-story{
        margin-top:30px;
    }

    .founder-story p{
        font-size:14px;
        line-height:1.85;
    }

    .founder-benefits{
        margin-top:34px;
    }

    .founder-benefit-grid{
        grid-template-columns:1fr;
    }

    .founder-benefit{
        min-height:0;
        padding:19px 17px;
    }

    .founder-benefit h4{
        font-size:20px;
        max-width:none;
    }

    .founder-benefit p{
        font-size:13px;
        line-height:1.8;
    }

    .founder-more{
        font-size:13px;
    }
}

/* BLACKLABS_FOUNDER_NEW_END */


/* BLACKLABS_REAL_FOUNDER_COLLAGE_START */

.founder-card{
    grid-template-columns:minmax(330px,.88fr) minmax(0,1.55fr);
    align-items:start;
}

/* Сбрасываем старую заглушку */
.founder-collage-card{
    min-height:0 !important;
    height:auto;
    padding:23px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:22px;
    overflow:hidden;
    position:relative;

    background:
        radial-gradient(
            circle at 24% 15%,
            rgba(124,92,255,.09),
            transparent 34%
        ),
        linear-gradient(
            155deg,
            #151226 0%,
            #0b0d19 57%,
            #10101e 100%
        );

    border:1px solid #332945;
    border-radius:17px;
}

.founder-collage-card::before{
    content:'';
    position:absolute;
    width:430px;
    height:430px;
    top:-170px;
    left:-160px;
    border:1px solid rgba(124,92,255,.13);
    border-radius:50%;
    pointer-events:none;
}

.founder-collage-card::after{
    content:'';
    position:absolute;
    width:340px;
    height:340px;
    top:-125px;
    left:-110px;
    border:1px solid rgba(124,92,255,.08);
    border-radius:50%;
    pointer-events:none;
}


/* ===== КОЛЛАЖ ===== */

.founder-photo-collage{
    position:relative;
    height:490px;
    width:100%;
    isolation:isolate;
}

.founder-photo{
    position:absolute;
    margin:0;
    overflow:hidden;

    border-radius:17px;
    border:1px solid rgba(183,168,255,.20);

    background:#0b0d18;

    box-shadow:
        0 24px 55px rgba(0,0,0,.38),
        0 2px 0 rgba(255,255,255,.025) inset;

    transition:
        transform .38s cubic-bezier(.2,.8,.2,1),
        border-color .3s ease,
        box-shadow .3s ease,
        filter .3s ease;

    will-change:transform;
}

.founder-photo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    user-select:none;
}


/* Фото №4 — основное */

.founder-photo-main{
    width:65%;
    height:365px;

    left:17%;
    top:42px;

    z-index:3;

    transform:
        rotate(-2.5deg)
        translateZ(0);
}

.founder-photo-main img{
    object-position:center 38%;
}


/* Фото №3 */

.founder-photo-red{
    width:44%;
    height:285px;

    right:-1%;
    top:5px;

    z-index:2;

    transform:
        rotate(7deg)
        translateZ(0);
}

.founder-photo-red img{
    object-position:center 35%;
}


/* Фото №5 */

.founder-photo-warm{
    width:62%;
    height:205px;

    left:-1%;
    bottom:4px;

    z-index:4;

    transform:
        rotate(-6deg)
        translateZ(0);
}

.founder-photo-warm img{
    object-position:center center;
}


/* ===== HOVER ===== */

.founder-photo:hover{
    z-index:10;

    border-color:rgba(183,168,255,.48);

    box-shadow:
        0 31px 75px rgba(0,0,0,.48),
        0 0 0 1px rgba(124,92,255,.11);

    filter:brightness(1.035);
}

.founder-photo-main:hover{
    transform:
        rotate(-1deg)
        translateY(-8px)
        scale(1.025);
}

.founder-photo-red:hover{
    transform:
        rotate(4.5deg)
        translateY(-7px)
        scale(1.025);
}

.founder-photo-warm:hover{
    transform:
        rotate(-3.5deg)
        translateY(-7px)
        scale(1.025);
}


/* ===== ПОДПИСЬ ===== */

.founder-identity{
    position:relative;
    z-index:5;

    border-top:1px solid rgba(124,92,255,.18);

    padding-top:19px;
}

.founder-identity p{
    margin:0;

    font-size:31px;
    line-height:1.08;

    font-weight:500;

    color:#f3f1f7;
}

.founder-identity small{
    display:block;

    margin-top:8px;

    color:#a8a3b9;

    font-size:11px;
    line-height:1.5;
}


/* Старую букву окончательно прячем */

.founder-letter{
    display:none !important;
}


/* ===== TABLET ===== */

@media(max-width:850px){

    .founder-card{
        grid-template-columns:minmax(275px,.78fr) minmax(0,1.3fr);
    }

    .founder-collage-card{
        padding:18px;
    }

    .founder-photo-collage{
        height:425px;
    }

    .founder-photo-main{
        width:68%;
        height:320px;
        left:15%;
        top:38px;
    }

    .founder-photo-red{
        width:46%;
        height:245px;
    }

    .founder-photo-warm{
        width:64%;
        height:175px;
    }

}


/* ===== MOBILE ===== */

@media(max-width:600px){

    .founder-card{
        grid-template-columns:1fr;
    }

    .founder-collage-card{
        padding:17px;
        gap:17px;
    }

    .founder-photo-collage{
        height:365px;
        max-width:430px;
        margin:0 auto;
    }

    .founder-photo-main{
        width:62%;
        height:280px;

        left:19%;
        top:29px;
    }

    .founder-photo-red{
        width:43%;
        height:210px;

        right:0;
        top:2px;
    }

    .founder-photo-warm{
        width:62%;
        height:145px;

        left:0;
        bottom:3px;
    }

    .founder-identity p{
        font-size:27px;
    }

}


/* Отключаем движение, если пользователь этого просит */

@media(prefers-reduced-motion:reduce){

    .founder-photo{
        transition:none !important;
    }

    .founder-photo:hover{
        transform:none !important;
    }

}

/* BLACKLABS_REAL_FOUNDER_COLLAGE_END */


/* BLACKLABS_FOUNDER_COLLAGE_FIX_START */

/* Левая колонка больше не растягивается */
.founder-card{
    align-items:start !important;
    grid-template-columns:minmax(330px,.9fr) minmax(0,1.5fr) !important;
    gap:54px !important;
}

/* Убираем огромную внутреннюю коробку */
.founder-collage-card{
    align-self:start !important;
    min-height:0 !important;
    height:auto !important;

    padding:0 !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;

    overflow:visible !important;
}

.founder-collage-card::before,
.founder-collage-card::after{
    display:none !important;
}


/* ==============================
   КОЛЛАЖ
   ============================== */

.founder-photo-collage{
    position:relative !important;

    width:100% !important;
    height:535px !important;

    margin:0 !important;
    overflow:visible !important;
}


/* Общий вид фото */

.founder-photo{
    position:absolute !important;

    margin:0 !important;
    overflow:hidden !important;

    border-radius:17px !important;

    border:
        1px solid rgba(183,168,255,.24) !important;

    background:#090b15 !important;

    box-shadow:
        0 24px 55px rgba(0,0,0,.34),
        0 0 0 1px rgba(255,255,255,.02) inset !important;

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .3s ease,
        border-color .3s ease !important;
}

.founder-photo img{
    width:100% !important;
    height:100% !important;

    display:block !important;

    object-fit:cover !important;
}


/* ==============================
   ГЛАВНОЕ ФОТО — №4
   ============================== */

.founder-photo-main{
    width:86% !important;
    height:365px !important;

    left:7% !important;
    top:0 !important;

    z-index:2 !important;

    transform:
        rotate(-1.2deg) !important;
}

.founder-photo-main img{
    object-position:center 32% !important;
}


/* ==============================
   ФОТО №3 — КРАСНЫЙ ФОН
   ============================== */

.founder-photo-red{
    width:48% !important;
    height:205px !important;

    left:1% !important;
    right:auto !important;

    top:auto !important;
    bottom:0 !important;

    z-index:4 !important;

    transform:
        rotate(-2.5deg) !important;
}

.founder-photo-red img{
    object-position:center 30% !important;
}


/* ==============================
   ФОТО №5 — ТЁПЛОЕ
   ============================== */

.founder-photo-warm{
    width:48% !important;
    height:205px !important;

    left:auto !important;
    right:1% !important;

    top:auto !important;
    bottom:0 !important;

    z-index:4 !important;

    transform:
        rotate(2.5deg) !important;
}

.founder-photo-warm img{
    object-position:center center !important;
}


/* ==============================
   HOVER — ОЧЕНЬ СПОКОЙНЫЙ
   ============================== */

.founder-photo:hover{
    z-index:8 !important;

    border-color:
        rgba(183,168,255,.5) !important;

    box-shadow:
        0 30px 70px rgba(0,0,0,.43),
        0 0 0 1px rgba(124,92,255,.1) !important;
}

.founder-photo-main:hover{
    transform:
        rotate(-.4deg)
        translateY(-5px)
        scale(1.012) !important;
}

.founder-photo-red:hover{
    transform:
        rotate(-1.2deg)
        translateY(-5px)
        scale(1.018) !important;
}

.founder-photo-warm:hover{
    transform:
        rotate(1.2deg)
        translateY(-5px)
        scale(1.018) !important;
}


/* ==============================
   ПОДПИСЬ
   ============================== */

.founder-identity{
    margin-top:24px !important;

    padding:20px 2px 0 !important;

    border-top:
        1px solid rgba(124,92,255,.20) !important;
}

.founder-identity p{
    margin:0 !important;

    font-size:31px !important;
    line-height:1.1 !important;
}

.founder-identity small{
    display:block !important;

    margin-top:8px !important;

    font-size:11px !important;
    color:#aaa4bc !important;
}


/* ==============================
   TABLET
   ============================== */

@media(max-width:850px){

    .founder-card{
        grid-template-columns:
            minmax(270px,.8fr)
            minmax(0,1.3fr) !important;

        gap:32px !important;
    }

    .founder-photo-collage{
        height:455px !important;
    }

    .founder-photo-main{
        height:310px !important;
    }

    .founder-photo-red,
    .founder-photo-warm{
        height:175px !important;
    }
}


/* ==============================
   MOBILE
   ============================== */

@media(max-width:600px){

    .founder-card{
        grid-template-columns:1fr !important;
        gap:30px !important;
    }

    .founder-collage-card{
        width:100% !important;
    }

    .founder-photo-collage{
        height:425px !important;

        max-width:430px !important;
        margin:0 auto !important;
    }

    .founder-photo-main{
        width:84% !important;
        height:295px !important;

        left:8% !important;
    }

    .founder-photo-red{
        width:48% !important;
        height:158px !important;

        left:1% !important;
    }

    .founder-photo-warm{
        width:48% !important;
        height:158px !important;

        right:1% !important;
    }

    .founder-identity{
        max-width:430px !important;
        margin:20px auto 0 !important;
    }
}


/* Людям с отключённой анимацией ничего не двигаем */

@media(prefers-reduced-motion:reduce){

    .founder-photo{
        transition:none !important;
    }

    .founder-photo:hover{
        transform:none !important;
    }
}

/* BLACKLABS_FOUNDER_COLLAGE_FIX_END */


/* BLACKLABS_REAL_REVIEWS_START */

.reviews-section{
    overflow:hidden;
}

.reviews-head{
    align-items:flex-end;
}

.reviews-controls{
    display:flex;
    gap:8px;
    flex-shrink:0;
}

.reviews-arrow{
    width:46px;
    height:46px;

    border-radius:50%;

    border:1px solid #373047;

    background:#10121f;

    color:#c3b5ff;

    font-size:19px;
    line-height:1;

    cursor:pointer;

    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease;
}

.reviews-arrow:hover{
    transform:translateY(-2px);

    border-color:#7563a5;

    background:#171429;
}


.reviews-track{
    display:grid;

    grid-auto-flow:column;

    grid-auto-columns:
        min(880px, calc(100vw - 190px));

    gap:18px;

    overflow-x:auto;

    padding:
        4px
        2px
        20px;

    scroll-snap-type:x mandatory;

    overscroll-behavior-inline:contain;

    scrollbar-width:thin;

    scrollbar-color:
        #51436e
        transparent;
}

.reviews-track::-webkit-scrollbar{
    height:7px;
}

.reviews-track::-webkit-scrollbar-thumb{
    background:#51436e;
    border-radius:20px;
}

.reviews-track::-webkit-scrollbar-track{
    background:transparent;
}


.review-evidence-card{
    scroll-snap-align:start;

    min-width:0;

    padding:18px;

    border:
        1px solid
        #302a40;

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            #121421,
            #0d0f1b
        );

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.review-evidence-card:hover{
    transform:translateY(-4px);

    border-color:#5c4c83;

    box-shadow:
        0 20px 50px
        rgba(0,0,0,.2);
}


.review-meta{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    margin-bottom:15px;

    color:#9289ac;

    font-size:10px;

    letter-spacing:.11em;

    text-transform:uppercase;
}

.review-meta span:first-child{
    color:#b6a7ff;
}


.review-image-button{
    width:100%;
    height:340px;

    position:relative;

    display:flex;

    align-items:center;
    justify-content:center;

    padding:14px;

    border:0;
    border-radius:13px;

    overflow:hidden;

    background:#fff;

    cursor:zoom-in;
}

.review-image-button img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;

    background:#fff;
}


.review-zoom{
    position:absolute;

    right:15px;
    bottom:14px;

    padding:7px 10px;

    border-radius:999px;

    background:
        rgba(8,10,19,.86);

    border:
        1px solid
        rgba(183,168,255,.22);

    color:#d6ceff;

    font-size:9px;

    letter-spacing:.06em;

    opacity:0;

    transform:
        translateY(4px);

    transition:
        opacity .2s ease,
        transform .2s ease;

    backdrop-filter:
        blur(8px);
}

.review-image-button:hover
.review-zoom{
    opacity:1;
    transform:translateY(0);
}


.review-caption{
    margin-top:17px;

    font-size:16px;

    line-height:1.45;

    color:#f0eef5;
}


.reviews-note{
    margin-top:16px;

    font-size:10px;

    line-height:1.7;

    color:#817b93;
}


/* LIGHTBOX */

.review-lightbox[hidden]{
    display:none !important;
}

.review-lightbox{
    position:fixed;

    inset:0;

    z-index:9999;

    display:flex;

    align-items:center;
    justify-content:center;

    padding:42px;

    background:
        rgba(5,7,13,.92);

    backdrop-filter:
        blur(10px);
}

.review-lightbox img{
    display:block;

    max-width:
        min(95vw, 1700px);

    max-height:88vh;

    width:auto;
    height:auto;

    object-fit:contain;

    border-radius:12px;

    box-shadow:
        0 30px 90px
        rgba(0,0,0,.55);

    background:#fff;
}

.review-lightbox-close{
    position:fixed;

    top:22px;
    right:28px;

    width:46px;
    height:46px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    border:
        1px solid
        rgba(255,255,255,.18);

    background:
        rgba(12,14,25,.8);

    color:#fff;

    font-size:28px;

    cursor:pointer;

    z-index:2;
}

body.review-modal-open{
    overflow:hidden;
}


@media(max-width:850px){

    .reviews-track{
        grid-auto-columns:
            min(760px, calc(100vw - 90px));
    }

    .review-image-button{
        height:300px;
    }

}


@media(max-width:600px){

    .reviews-head{
        display:block;
    }

    .reviews-controls{
        margin-top:20px;
    }

    .reviews-arrow{
        width:42px;
        height:42px;
    }

    .reviews-track{
        grid-auto-columns:
            calc(100vw - 54px);

        gap:12px;

        margin-right:-20px;
    }

    .review-evidence-card{
        padding:13px;

        border-radius:15px;
    }

    .review-image-button{
        height:255px;

        padding:8px;

        border-radius:11px;
    }

    .review-caption{
        font-size:14px;
    }

    .review-zoom{
        display:none;
    }

    .review-lightbox{
        padding:18px;
    }

    .review-lightbox-close{
        top:13px;
        right:13px;

        width:40px;
        height:40px;
    }
}

/* BLACKLABS_REAL_REVIEWS_END */

/* BLACKLABS_TELEGRAM_FORM_START */

.bl-honeypot{
    position:absolute !important;
    left:-10000px !important;
    top:auto !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.form-consent{
    display:flex;
    align-items:flex-start;
    gap:10px;

    margin-top:2px;

    color:#969bad;

    font-size:10px;
    line-height:1.6;

    cursor:pointer;
}

.form-consent input{
    width:16px;
    height:16px;

    flex:0 0 auto;

    margin-top:1px;

    accent-color:#7c5cff;
}

.form-consent a{
    color:#b8aaff;
    text-decoration:none;
    border-bottom:
        1px solid
        rgba(184,170,255,.35);
}

.form-consent a:hover{
    border-color:#b8aaff;
}

.form-status{
    min-height:18px;
}

.form-status.is-success{
    color:#b9f2ca;
}

.form-status.is-error{
    color:#ff9fa9;
}

.contact-form
button[type="submit"]:disabled{
    opacity:.65;
    cursor:wait;
}

@media(max-width:600px){
    .form-consent{
        font-size:10px;
    }
}

/* BLACKLABS_TELEGRAM_FORM_END */


/* BLACKLABS_SMM_SECONDARY_START */

.smm-secondary-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;

    margin-top:18px;
    padding:28px 30px;

    border:1px solid #342c47;
    border-radius:16px;

    background:
        linear-gradient(
            100deg,
            rgba(25,20,42,.96),
            rgba(13,15,28,.96)
        );

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.smm-secondary-card:hover{
    transform:translateY(-3px);

    border-color:#69558f;

    box-shadow:
        0 20px 45px rgba(0,0,0,.18);
}

.smm-secondary-label{
    display:block;

    margin-bottom:9px;

    color:#9d90bb;

    font-size:9px;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.smm-secondary-card h3{
    font-size:25px;
    line-height:1.15;
}

.smm-secondary-card p{
    margin-top:8px;

    color:#adafc0;

    font-size:13px;
    line-height:1.65;
}

.smm-secondary-side{
    display:grid;

    grid-template-columns:auto auto;
    grid-template-rows:auto auto;

    gap:3px 17px;

    align-items:center;

    flex-shrink:0;
}

.smm-secondary-side strong{
    font-size:20px;
    font-weight:500;

    color:#f1eef7;
}

.smm-secondary-side>span:not(.smm-secondary-arrow){
    font-size:9px;
    color:#878196;
}

.smm-secondary-arrow{
    grid-column:2;
    grid-row:1/3;

    font-size:23px;

    color:#a994ff;

    transition:transform .25s ease;
}

.smm-secondary-card:hover
.smm-secondary-arrow{
    transform:translate(4px,-4px);
}


@media(max-width:600px){

    .smm-secondary-card{
        display:block;

        padding:22px;
    }

    .smm-secondary-card h3{
        font-size:24px;
    }

    .smm-secondary-side{
        display:flex;
        align-items:center;

        margin-top:22px;
    }

    .smm-secondary-side strong{
        font-size:18px;
    }

    .smm-secondary-arrow{
        margin-left:auto;
    }

}

/* BLACKLABS_SMM_SECONDARY_END */


/* BLACKLABS_WORKS_VISUALS_START */


/* =========================
   ОБЩИЙ ВИД
   ========================= */

.project-cover{
    min-height:360px !important;

    padding:28px !important;

    border-radius:20px !important;

    border:1px solid rgba(155,130,210,.24) !important;

    background:
        radial-gradient(
            circle at 30% 20%,
            rgba(124,92,255,.09),
            transparent 38%
        ),
        #0d101b !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 20px 55px rgba(0,0,0,.12);

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        border-color .35s ease,
        box-shadow .35s ease !important;
}

.project-cover::before{
    content:'';

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            rgba(124,92,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(124,92,255,.035) 1px,
            transparent 1px
        );

    background-size:36px 36px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.72),
            transparent 85%
        );

    pointer-events:none;
}

.project-cover::after{
    content:'';

    position:absolute;

    width:300px;
    height:300px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(124,92,255,.12),
            rgba(124,92,255,0) 70%
        );

    right:-110px;
    top:-130px;

    pointer-events:none;

    transition:
        transform .6s ease,
        opacity .4s ease;
}

.project-card:hover .project-cover{
    transform:translateY(-5px);

    border-color:
        rgba(170,145,235,.5) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 28px 75px rgba(0,0,0,.22);
}

.project-card:hover .project-cover::after{
    transform:scale(1.18);
}


.cover-label{
    top:22px !important;
    left:24px !important;

    padding:7px 10px;

    border-radius:999px;

    background:
        rgba(10,12,22,.58);

    border:
        1px solid rgba(155,130,210,.16);

    backdrop-filter:blur(10px);

    color:#c1b7d8 !important;

    font-size:8px !important;
}

.cover-note{
    right:20px !important;
    bottom:18px !important;

    color:#a99ac9 !important;

    font-size:9px !important;

    letter-spacing:.04em;

    opacity:.85;
}


/* =========================
   PWA
   ========================= */

.cover-pwa{
    background:
        radial-gradient(
            circle at 68% 64%,
            rgba(124,92,255,.2),
            transparent 43%
        ),
        linear-gradient(
            145deg,
            #101423,
            #0b0e18
        ) !important;
}

.phone-shape{
    width:168px !important;
    height:274px !important;

    padding:42px 18px 20px !important;

    border-radius:30px !important;

    border:
        1px solid rgba(195,180,230,.35) !important;

    background:
        linear-gradient(
            155deg,
            #171829,
            #090b14
        ) !important;

    box-shadow:
        0 30px 60px rgba(0,0,0,.42),
        inset 0 0 0 5px rgba(255,255,255,.015);

    transform:
        translate(52px,18px)
        rotate(6deg) !important;

    transition:
        transform .4s cubic-bezier(.2,.8,.2,1);
}

.phone-shape::before{
    width:52px !important;
    height:7px !important;

    left:58px !important;
    top:14px !important;

    background:#292739 !important;
}

.phone-shape::after{
    content:'';

    position:absolute;

    left:18px;
    right:18px;
    bottom:20px;

    height:74px;

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(124,92,255,.22),
            rgba(124,92,255,.05)
        );

    border:
        1px solid rgba(155,130,210,.16);
}

.app-icon{
    width:52px !important;
    height:52px !important;

    border-radius:15px !important;

    background:
        linear-gradient(
            135deg,
            #a38cff,
            #6f4cff
        ) !important;

    box-shadow:
        0 9px 28px rgba(124,92,255,.28);

    font-weight:600;
}

.phone-line{
    position:relative;
    z-index:2;

    height:7px !important;

    background:#343047 !important;
}

.phone-line.short{
    background:#68558e !important;
}

.install-chip{
    left:calc(50% - 175px) !important;
    top:51% !important;

    padding:17px 18px !important;

    border-radius:14px !important;

    background:
        rgba(24,19,39,.88) !important;

    border:
        1px solid rgba(155,130,210,.35) !important;

    backdrop-filter:blur(14px);

    box-shadow:
        0 20px 45px rgba(0,0,0,.34) !important;

    transition:
        transform .35s ease;
}

.project-card:hover .phone-shape{
    transform:
        translate(52px,12px)
        rotate(4deg) !important;
}

.project-card:hover .install-chip{
    transform:translate(-4px,-5px);
}


/* =========================
   БОНУСНАЯ ПРОГРАММА
   ========================= */

.cover-loyalty{
    background:
        radial-gradient(
            circle at 20% 75%,
            rgba(178,125,255,.13),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            #15111f,
            #0c0e18
        ) !important;
}

.loyalty-plate{
    width:330px !important;
    height:190px !important;

    padding:24px !important;

    border-radius:18px !important;

    border:
        1px solid rgba(188,154,229,.32) !important;

    background:
        linear-gradient(
            135deg,
            rgba(62,42,88,.98),
            rgba(26,21,42,.98)
        ) !important;

    box-shadow:
        0 28px 60px rgba(0,0,0,.32) !important;

    transform:
        rotate(-5deg) !important;

    position:relative;

    transition:
        transform .4s cubic-bezier(.2,.8,.2,1);
}

.loyalty-plate::before{
    content:'12 450';

    display:block;

    position:absolute;

    left:24px;
    bottom:26px;

    color:#f2eaff;

    font-size:28px;
    font-weight:500;

    letter-spacing:-.04em;
}

.loyalty-plate::after{
    content:'БОНУСОВ';

    position:absolute;

    left:26px;
    bottom:13px;

    color:#a995c1;

    font-size:7px;
    letter-spacing:.14em;
}

.loyalty-plate .plate-small{
    font-size:8px !important;

    color:#c9bdd8 !important;
}

.loyalty-plate .plate-title{
    margin-top:13px !important;

    font-family:Arial,sans-serif !important;

    font-size:27px !important;
    line-height:1.08 !important;

    letter-spacing:-.04em;

    color:#f0eaf7 !important;
}

.plate-line{
    display:none;
}

.loyalty-small{
    right:calc(50% - 188px) !important;
    bottom:52px !important;

    padding:13px 16px !important;

    border-radius:12px !important;

    background:
        rgba(14,15,26,.92) !important;

    border:
        1px solid rgba(180,155,216,.25) !important;

    box-shadow:
        0 16px 34px rgba(0,0,0,.25);

    backdrop-filter:blur(10px);

    transform:rotate(3deg) !important;
}

.project-card:hover .loyalty-plate{
    transform:
        rotate(-3deg)
        translateY(-5px) !important;
}


/* =========================
   КОММЕНТАРИИ + ИИ
   ========================= */

.cover-comments{
    background:
        radial-gradient(
            circle at 75% 25%,
            rgba(124,92,255,.17),
            transparent 45%
        ),
        linear-gradient(
            145deg,
            #101421,
            #0b0d17
        ) !important;
}

.bubble-stack{
    width:min(370px,88%) !important;

    gap:13px !important;

    transform:
        translateY(16px) !important;
}

.bubble{
    padding:
        16px 19px !important;

    border-radius:
        16px 16px 16px 5px !important;

    border:
        1px solid rgba(124,92,255,.18) !important;

    background:
        rgba(20,22,37,.92) !important;

    box-shadow:
        0 16px 34px rgba(0,0,0,.18);

    backdrop-filter:blur(10px);

    transition:
        transform .35s ease;
}

.bubble.reply{
    margin-left:45px !important;

    border-radius:
        16px 16px 5px 16px !important;

    background:
        linear-gradient(
            135deg,
            rgba(124,92,255,.24),
            rgba(124,92,255,.08)
        ) !important;

    border-color:
        rgba(163,140,230,.38) !important;
}

.bubble.reply::before{
    content:'✦';

    float:right;

    margin-left:12px;

    color:#b39dff;

    font-size:15px;
}

.bubble small{
    color:#c4b7df !important;

    letter-spacing:.03em;
}

.bubble span{
    height:6px !important;

    background:
        linear-gradient(
            90deg,
            #675488,
            #41364f
        ) !important;
}

.project-card:hover .bubble:first-child{
    transform:translateX(-5px);
}

.project-card:hover .bubble.reply{
    transform:translateX(6px);
}


/* =========================
   САЙТЫ
   ========================= */

.cover-websites{
    background:
        radial-gradient(
            circle at 75% 80%,
            rgba(124,92,255,.13),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            #10131d,
            #0a0d15
        ) !important;
}

.browser-shape{
    width:390px !important;
    height:225px !important;

    margin-top:35px !important;

    border-radius:13px !important;

    border:
        1px solid rgba(175,160,205,.28) !important;

    background:#0b0e17 !important;

    box-shadow:
        0 30px 65px rgba(0,0,0,.38) !important;

    transform:
        rotate(-3deg) !important;

    overflow:hidden;

    transition:
        transform .4s cubic-bezier(.2,.8,.2,1);
}

.browser-bar{
    height:34px !important;

    padding:0 13px !important;

    border-bottom:
        1px solid rgba(175,160,205,.12) !important;

    background:#10131e;
}

.browser-bar i{
    width:5px !important;
    height:5px !important;
}

.browser-bar span{
    font-size:8px !important;

    color:#9d93b0 !important;
}

.browser-body{
    height:calc(100% - 34px);

    padding:25px 24px !important;

    background:
        linear-gradient(
            120deg,
            rgba(124,92,255,.04),
            transparent 45%
        );
}

.browser-body>strong{
    font-size:24px !important;

    width:215px !important;

    line-height:1.08 !important;

    color:#f3f1f7;
}

.browser-body .small-line{
    width:170px !important;

    height:6px !important;

    margin-top:17px !important;

    background:#3d354e !important;
}

.browser-body .tiny-btn{
    width:83px !important;
    height:22px !important;

    margin-top:18px !important;

    border-radius:7px !important;

    background:
        linear-gradient(
            135deg,
            #947cff,
            #6849ff
        ) !important;
}

.browser-orb{
    width:100px !important;
    height:100px !important;

    right:23px !important;
    top:27px !important;

    border-radius:28px !important;

    background:
        linear-gradient(
            145deg,
            rgba(124,92,255,.2),
            rgba(124,92,255,.035)
        ) !important;

    border:
        1px solid rgba(124,92,255,.28) !important;

    transform:
        rotate(10deg) !important;
}

.project-card:hover .browser-shape{
    transform:
        rotate(-1deg)
        translateY(-5px) !important;
}


/* =========================
   АНИМАЦИЯ ОБЩАЯ
   ========================= */

.project-cover-link{
    display:block;
}

.project-cover-link:hover{
    text-decoration:none;
}

@media(max-width:600px){

    .project-cover{
        min-height:310px !important;
    }

    .phone-shape{
        transform:
            translate(35px,17px)
            rotate(6deg)
            scale(.9) !important;
    }

    .install-chip{
        left:8% !important;
    }

    .loyalty-plate{
        width:270px !important;
        height:175px !important;
    }

    .browser-shape{
        width:295px !important;
        height:190px !important;
    }

    .bubble-stack{
        width:94% !important;
    }
}

@media(prefers-reduced-motion:reduce){

    .project-cover,
    .phone-shape,
    .install-chip,
    .loyalty-plate,
    .bubble,
    .browser-shape{
        transition:none !important;
    }

}

/* BLACKLABS_WORKS_VISUALS_END */



/* BLACKLABS_HIDE_FORM_CAPTIONS */
.contact-form .form-caption{
    display:none !important;
}
/* /BLACKLABS_HIDE_FORM_CAPTIONS */



/* BLACKLABS_GLOBAL_FONT_START */

html,
body,
button,
input,
textarea,
select {
    font-family: "Montserrat", Arial, sans-serif !important;
}

body {
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", Arial, sans-serif !important;
    font-weight: 500;
    letter-spacing: -0.035em;
}

p,
li,
a,
span,
label,
blockquote {
    font-family: "Montserrat", Arial, sans-serif;
}

.eyebrow,
.case-meta,
.case-tag,
.tag,
.badge,
nav,
button {
    font-weight: 500;
}

/* BLACKLABS_GLOBAL_FONT_END */

/* BLACKLABS_FOUNDER_PHOTO */
.founder-portrait-photo{
    padding:0 !important;
    overflow:hidden;
    position:relative;
}

.founder-portrait-photo img{
    display:block;
    width:100%;
    height:100%;
    min-height:500px;
    object-fit:cover;
    object-position:center 20%;
}
/* /BLACKLABS_FOUNDER_PHOTO */



/* BLACKLABS_MOBILE_FINAL_START */

/* Базовая защита */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

img,
video,
iframe,
svg {
    max-width: 100%;
}

a,
p,
li,
h1,
h2,
h3 {
    overflow-wrap: break-word;
}


/* Телефоны */
@media (max-width: 600px) {

    /* Фото Лины */
    .founder-portrait-photo {
        position: relative;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 4 / 5;
        padding: 0 !important;
        overflow: hidden;
    }

    .founder-portrait-photo::before,
    .founder-portrait-photo::after {
        display: none !important;
    }

    .founder-portrait-photo img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        min-height: 0 !important;
        object-fit: cover;
        object-position: center 20%;
    }


    /* Процесс — на телефоне читаем по одному пункту */
    .process {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }


    /* Отзывы не ужимаем в две маленькие карточки */
    .review-slots {
        grid-template-columns: 1fr !important;
    }


    /* Форма */
    .contact-form .actions {
        width: 100%;
        align-items: stretch;
    }

    .contact-form .actions .btn {
        width: 100%;
        justify-content: space-between;
    }


    /* Ссылки кейсов */
    .case-links {
        flex-direction: column;
        align-items: flex-start;
    }


    /* На всякий случай длинная почта / Telegram */
    .email-link,
    .contact-links a {
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}


/* Совсем маленькие телефоны */
@media (max-width: 360px) {

    .founder-card {
        padding: 18px !important;
    }

    .founder-copy h2 {
        font-size: 28px !important;
    }

    .contact-panel {
        padding-inline: 18px !important;
    }

}

/* BLACKLABS_MOBILE_FINAL_END */


/* BLACKLABS_MOBILE_FOUNDER_FIX_START */

@media (max-width: 600px) {

    /*
       На мобильном оставляем основное фото.
       Две дополнительные фотографии коллажа скрываем,
       чтобы они не накладывались друг на друга.
    */

    img[src*="/assets/img/founder/lina-red.jpg"],
    img[src*="/assets/img/founder/lina-warm.jpg"] {
        display: none !important;
    }

    img[src*="/assets/img/founder/lina-main.jpg"] {
        display: block !important;

        position: relative !important;
        inset: auto !important;

        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        aspect-ratio: 4 / 5;

        object-fit: cover !important;
        object-position: center 20% !important;

        border-radius: 14px;
    }

    div:has(> img[src*="/assets/img/founder/lina-main.jpg"]) {
        position: relative !important;

        inset: auto !important;
        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
    }

}

/* BLACKLABS_MOBILE_FOUNDER_FIX_END */