/* SIRIUS / Soft Futuristic Premium — standalone visual system */
:root{
 --paper:#f8faff;--paper-alt:#f1f5ff;--white:#fff;--ink:#22253b;--muted:#656d82;--subtle:#8d96aa;
 --indigo:#4d528e;--indigo-deep:#393e73;--blue:#eaf3ff;--lavender:#eae5f7;--silver:#dce4ef;--border:#e0e6f0;
 --font-heading:'Manrope','Inter',Arial,sans-serif;--font-body:'Onest','Inter',Arial,sans-serif;
 --max:1240px;--ease:cubic-bezier(.22,1,.36,1);--shadow:0 26px 85px rgba(58,68,112,.105)
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;min-width:320px;overflow-x:clip}
body.is-locked{overflow:hidden}
::selection{background:#d4d7fb;color:var(--ink)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.65}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{font-family:var(--font-heading)}
p{color:var(--muted)}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #969cfa;outline-offset:4px}
.container{width:min(var(--max),calc(100% - 88px));margin-inline:auto}
.section-pad{padding:118px 0}
.eyebrow,.small-label{font-size:11px;letter-spacing:.20em;font-weight:700;line-height:1.4;text-transform:uppercase;color:#727c9f}
.eyebrow{display:inline-flex;align-items:center;gap:10px}
.eyebrow-dot{width:7px;height:7px;background:#9291e4;border-radius:50%;box-shadow:0 0 0 5px #e6e6fd}
.gradient-word{background:linear-gradient(115deg,#5967b5 3%,#8681c7 53%,#b593d3);-webkit-background-clip:text;background-clip:text;color:transparent}
.icon{display:inline-block;flex:none;vertical-align:middle}
.skip-link{position:fixed;z-index:999;top:-70px;left:16px;padding:10px 14px;background:#fff;color:#181b38;border:2px solid var(--indigo)}.skip-link:focus{top:8px}
/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(248,250,255,.86);border-bottom:1px solid rgba(218,225,243,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:background .25s,box-shadow .25s}
.site-header.scrolled{background:rgba(248,250,255,.94);box-shadow:0 11px 40px rgba(49,56,101,.07)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:27px;min-height:86px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:22px;letter-spacing:.22em;font-weight:800;line-height:1;white-space:nowrap}
.brand img{width:37px;height:37px;flex:none}
.brand-dot{letter-spacing:0;color:#9a8bd8}
.desktop-nav{display:flex;align-items:center;gap:34px;margin-left:auto}
.desktop-nav a{font-size:13px;color:#555e73;font-weight:600;transition:color .25s;position:relative;padding:13px 0;white-space:nowrap}
.desktop-nav a:hover,.desktop-nav a.is-active{color:var(--indigo)}
.desktop-nav a::after{content:"";position:absolute;bottom:7px;left:0;width:100%;height:1px;background:#747fba;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.desktop-nav a:hover::after,.desktop-nav a.is-active::after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:12px}
.button{border-radius:13px;border:1px solid transparent;min-height:51px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:22px;line-height:1.2;font-size:13px;font-weight:700;position:relative;isolation:isolate;overflow:hidden;transition:transform .28s var(--ease),background .28s,color .28s,border-color .28s,box-shadow .28s;white-space:nowrap}
.button .icon{transition:transform .28s var(--ease)}
.button:hover .icon{transform:translate(2px,-2px)}
.button:hover{transform:translateY(-2px)}
.button-primary{color:#fff;background:linear-gradient(120deg,#464d87,#6265a6);box-shadow:0 11px 23px rgba(72,79,139,.16)}
.button-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#6069b2,#827bc6);opacity:0;z-index:-1;transition:opacity .35s}
.button-primary:hover::before{opacity:1}
.button-primary:hover{box-shadow:0 14px 27px rgba(76,84,146,.23)}
.button-secondary{color:#353d68;background:rgba(255,255,255,.7);border-color:#cdd4e7}
.button-secondary:hover{background:#fff;border-color:#9fa7d0}
.nav-toggle{display:none;border:1px solid var(--border);background:#fff;width:48px;height:45px;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:6px;position:relative;z-index:103}
.nav-toggle span{width:19px;height:1.5px;background:var(--indigo);transition:transform .3s,opacity .2s}
.nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.mobile-nav{display:none}
/* Hero */
.home-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 38% 45% at 92% 35%,rgba(224,225,255,.55),transparent 95%),radial-gradient(ellipse 36% 40% at 55% 91%,rgba(220,237,255,.52),transparent 90%),#fafbff}
.home-hero-inner{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:18px;min-height:665px;padding-top:74px;padding-bottom:40px}
.hero-copy{position:relative;z-index:3;padding:16px 0 35px}
.home-hero h1{font-size:clamp(56px,5.45vw,78px);line-height:1.095;letter-spacing:-.073em;font-weight:700;margin:25px 0 24px;max-width:715px}
.hero-lead{font-size:16px;line-height:1.85;max-width:510px;margin-bottom:0;color:#636c81}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-buttons .button{min-height:55px}
.hero-aside{display:flex;align-items:center;gap:14px;margin-top:70px;font-size:12px;line-height:1.65;color:#79839b}
.hero-aside-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d3d8ee;border-radius:50%;color:#7d85c7}
.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:26px;font-size:10px;font-weight:700;color:#939bb1;letter-spacing:.18em}
.hero-scroll-line{width:65px;height:1px;background:linear-gradient(90deg,#b4c3df,transparent);margin-right:auto;margin-left:20px}
.hero-scene{height:560px;min-width:0;position:relative;isolation:isolate;perspective:1000px;overflow:visible}
.scene-glow{position:absolute;border-radius:50%;filter:blur(12px);pointer-events:none;z-index:-3}
.glow-blue{width:510px;height:490px;top:25px;left:12px;background:radial-gradient(ellipse at 40% 45%,rgba(211,235,255,.95),rgba(233,231,255,.58) 44%,transparent 70%)}
.glow-lilac{width:395px;height:380px;top:100px;right:-70px;background:radial-gradient(circle,rgba(200,195,246,.48),transparent 68%)}
.scene-orbit{position:absolute;border:1px solid rgba(157,167,219,.42);border-radius:50%;pointer-events:none;z-index:-1;transform:rotate(-29deg)}
.orbit-one{height:390px;width:530px;top:80px;left:15px}.orbit-two{height:470px;width:340px;top:35px;left:80px;transform:rotate(36deg);border-color:rgba(195,202,231,.49)}
.scene-spark{position:absolute;color:#98a0d8;font-size:25px}.spark-a{right:16px;top:38px}.spark-b{left:35px;bottom:74px;font-size:18px}
.scene-browser{position:absolute;top:61px;left:46px;right:10px;height:381px;background:#fff;border:1px solid rgba(196,207,231,.96);border-radius:17px;overflow:hidden;box-shadow:0 30px 68px rgba(60,68,118,.18),0 6px 17px rgba(67,83,137,.07);transform:rotate(-3deg);animation:sceneFloat 9s ease-in-out infinite}
.scene-bar,.mock-toolbar,.fake-toolbar{height:37px;display:flex;align-items:center;gap:6px;padding:0 16px;border-bottom:1px solid #e3e8f1;background:#fbfcff}
.scene-bar i,.mock-toolbar span,.fake-toolbar i{width:6px;height:6px;border-radius:50%;background:#c9d1e1}
.scene-bar span{margin-left:auto;font-size:10px;color:#8590aa}.scene-bar svg{color:#8892b0}
.scene-browser-body{position:relative;height:calc(100% - 37px);background:radial-gradient(circle at 80% 58%,#d7d6fa,transparent 36%),linear-gradient(132deg,#f7f8ff 10%,#e8f2ff 66%,#ece5fd);padding:49px 38px;overflow:hidden}
.scene-browser-label{font-size:9px;letter-spacing:.26em;font-weight:800;color:#7885b5}
.scene-browser-body strong{display:block;position:relative;z-index:2;font-family:var(--font-heading);font-weight:700;font-size:clamp(28px,3.3vw,46px);line-height:1.12;letter-spacing:-.075em;margin-top:21px;color:#283151}
.scene-browser-body strong em{font-style:normal;color:#7d85bd}
.scene-browser-bottom{position:absolute;bottom:27px;left:38px;right:38px;display:flex;align-items:end;justify-content:space-between}
.scene-browser-bottom span{font-size:9px;letter-spacing:.15em;color:#8791a9;text-transform:uppercase}
.scene-window-orb{height:110px;width:110px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff 2%,#d6dafa 35%,#929cd9 65%,#ece7fa 95%);box-shadow:20px 20px 50px rgba(79,91,173,.25);position:relative;margin-bottom:-40px}
.scene-window-orb::after{content:"";position:absolute;inset:11px;border:1px solid rgba(255,255,255,.55);border-radius:50%}
.scene-chat{position:absolute;left:-3px;bottom:37px;width:265px;background:rgba(255,255,255,.96);border:1px solid #e1e7f3;border-radius:16px;box-shadow:0 24px 55px rgba(76,80,136,.19);padding:17px;transform:rotate(4deg);animation:sceneFloat 10s ease-in-out infinite reverse}
.scene-chat-top{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#414c82}.scene-chat-top i{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#93d0bb}
.scene-chat-line{background:#f1f4fb;border-radius:8px 8px 8px 2px;padding:11px;margin-top:16px;color:#626c86;font-size:10px;width:85%}
.scene-chat-choice{border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;margin-top:8px;background:#e7e7fc;color:#59639c;font-size:10px;font-weight:700}
.scene-film{position:absolute;right:-37px;bottom:20px;width:215px;padding:8px;background:#fff;border:1px solid #e5e8f4;border-radius:15px;box-shadow:0 22px 52px rgba(68,81,135,.17);transform:rotate(7deg)}
.scene-film-art{position:relative;border-radius:10px;height:110px;background:radial-gradient(circle at 63% 46%,#b3acf5,#696ba7 56%,#404a85);overflow:hidden;color:#fff}.scene-film-art>span{position:absolute;left:13px;top:10px;font-size:9px;letter-spacing:.22em;font-weight:800}
.scene-film-art::before{content:"";height:170px;width:170px;border-radius:50%;border:17px solid rgba(255,255,255,.38);position:absolute;left:65px;top:20px}
.scene-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:40px;width:40px;border-radius:50%;background:#fff;color:#6065a3;display:grid;place-items:center}
.scene-film-bottom{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:12px 7px 4px;color:#717990;font-size:9px}.scene-film-bottom>div{background:#e8eaf3;width:63px;height:4px;border-radius:20px}.scene-film-bottom i{display:block;width:40%;height:100%;background:#8187c3;border-radius:20px}
.scene-label{position:absolute;right:3px;top:1px;font-size:9px;letter-spacing:.15em;color:#8590b2;white-space:nowrap}.scene-label span{font-size:15px;margin-left:6px}
@keyframes sceneFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
/* Sections + headings */
.intro-band{border-top:1px solid #e9eef8;border-bottom:1px solid #e6eafa;background:rgba(255,255,255,.67)}
.intro-band-inner{min-height:112px;display:flex;align-items:center;gap:40px}
.intro-band-label{font-size:10px;letter-spacing:.21em;color:#8a95ae;white-space:nowrap}
.intro-band-inner>div{font-family:var(--font-heading);font-size:clamp(15px,1.65vw,22px);letter-spacing:-.04em;font-weight:600}
.intro-band-inner i{font-style:normal;color:#9da6c4}.intro-band-star{margin-left:auto;color:#b4b4e5;font-size:28px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:45px}
.section-heading>div{flex:1.2}.section-heading>p{max-width:365px;flex:.8;margin:0 0 9px;font-size:15px;line-height:1.8}
.section-heading h2,.studio-text h2,.faq-layout h2,.other-section h2{font-size:clamp(38px,4.15vw,58px);letter-spacing:-.065em;line-height:1.17;font-weight:700;margin:15px 0 0}
/* Service listing */
.services-section{background:#fbfcff}
.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.service-card{position:relative;min-height:490px;grid-column:span 2;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;border:1px solid #e0e7f4;background:#f4f7fe;border-radius:21px;transition:transform .45s var(--ease),box-shadow .45s,border-color .3s}
.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 3;min-height:415px}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#bdc8e8}
.service-qr{background:linear-gradient(150deg,#f6f5fd,#ecedfc)}.service-video{background:linear-gradient(145deg,#f4f0fc,#f0f3fe)}.service-bots{background:linear-gradient(135deg,#ecf5ff,#f2f5fd)}.service-programs{background:linear-gradient(135deg,#f0f2fb,#e9eeff)}
.service-card-top{display:flex;justify-content:space-between;align-items:center;padding:24px 25px 0;position:relative;z-index:2}
.service-index{font-size:11px;font-weight:700;letter-spacing:.17em;color:#9aa3b8}
.service-icon{color:#7884b7;width:41px;height:41px;border:1px solid #d9e0f2;background:rgba(255,255,255,.62);border-radius:13px;display:grid;place-items:center}
.service-card-content{position:relative;z-index:3;padding:22px 25px 0}
.service-card-content h3{font-size:clamp(22px,2.05vw,28px);letter-spacing:-.052em;line-height:1.2;margin:9px 0 10px}
.service-card-content p{max-width:330px;font-size:13px;line-height:1.7;margin:0;color:#6d758d}
.circle-arrow{position:absolute;right:25px;top:28px;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#4d528e;border:1px solid #dce2f1;opacity:0;transform:translate(-7px,7px);transition:opacity .3s,transform .3s}
.service-card:hover .circle-arrow{opacity:1;transform:translate(0,0)}
.service-card-art{flex:1;position:relative;min-height:180px;overflow:hidden;margin-top:13px}
.service-card:nth-child(4) .service-card-art,.service-card:nth-child(5) .service-card-art{margin-left:45%}
.service-card:nth-child(n+4) .service-card-content{max-width:49%}
.service-card:nth-child(n+4) .service-card-art{position:absolute;inset:62px 0 0 0;margin-top:0}
.art{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.art-browser{position:absolute;left:19%;top:20px;width:78%;height:230px;transform:rotate(-5deg);background:white;border:1px solid #d9e3f5;border-radius:10px;box-shadow:0 23px 39px rgba(56,67,115,.15);overflow:hidden}
.fake-toolbar{height:22px;padding:0 10px;gap:4px}.fake-toolbar i{width:4px;height:4px}.fake-toolbar span{margin-left:auto;font-size:7px;color:#adb4c3}
.art-web-inner{height:100%;background:linear-gradient(130deg,#f7faff,#dde9fb);padding:19px;position:relative;overflow:hidden}.art-web-inner small{font-size:6px;letter-spacing:.21em;color:#8390ac}.art-web-inner strong{display:block;font-size:25px;letter-spacing:-.08em;line-height:1.12;margin-top:12px;color:#36405e;position:relative;z-index:2}.art-web-inner strong span{color:#a2a4dd}.art-web-tags{display:flex;gap:7px;margin-top:14px}.art-web-tags em{font-style:normal;font-size:6px;padding:5px 8px;border:1px solid #b5c3dc;border-radius:20px;color:#58627e}.art-web-shape{position:absolute;border-radius:50%;height:170px;width:170px;right:-15px;top:12px;background:radial-gradient(circle at 34% 30%,#fff 2%,#bdc9fb 50%,#7688b5 91%);filter:blur(.1px)}
.art-float{position:absolute;left:11%;bottom:35px;padding:10px;background:#fff;border:1px solid #dce3f5;box-shadow:0 11px 25px rgba(68,82,140,.13);border-radius:10px;display:flex;align-items:center;gap:9px;font-size:9px;color:#6a74a0;transform:rotate(4deg)}
.art-qr-phone{height:237px;width:144px;border:6px solid #323956;border-radius:23px;position:absolute;left:32%;top:9px;background:#fff;transform:rotate(9deg);box-shadow:0 21px 45px rgba(73,66,119,.18);overflow:hidden}.phone-camera{position:absolute;top:5px;left:44px;width:45px;height:9px;background:#323956;border-radius:20px;z-index:2}.art-qr-page{padding:26px 12px;background:#fffaf9;height:100%;color:#4e4a6e}.art-qr-page small{font-size:7px;letter-spacing:.15em}.art-qr-page strong{display:block;line-height:1.2;font-size:18px;letter-spacing:-.06em;margin-top:8px}.art-food{display:flex;gap:5px;margin-top:14px}.art-food span{width:35px;height:42px;border-radius:6px;background:linear-gradient(135deg,#b9a4d3,#f9d8d1)}.art-food span:nth-child(2){background:linear-gradient(135deg,#f0c5af,#d8e2bb)}.art-food span:nth-child(3){background:linear-gradient(135deg,#b4d2f2,#c9baef)}.art-qr-lines{display:grid;gap:5px;margin-top:10px}.art-qr-lines i{height:4px;border-radius:5px;background:#e4e0ea;width:100%}.art-qr-lines i:nth-child(2){width:70%}.art-qr-badge{position:absolute;left:16%;bottom:24px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e0e2f3;box-shadow:0 10px 30px rgba(91,81,142,.1);padding:11px;border-radius:10px;font-size:9px;color:#6770aa}
.art-film{position:absolute;left:16%;width:75%;height:113px;border-radius:11px;box-shadow:0 17px 35px rgba(76,79,142,.14);font-family:var(--font-heading);font-size:25px;font-weight:800;letter-spacing:-.07em;overflow:hidden;padding:24px}.art-film-a{top:21px;background:#d5d2f5;color:#6064a9;transform:rotate(-7deg)}.art-film-a span{font-size:11px;letter-spacing:.11em;display:block}.art-film-b{top:85px;background:radial-gradient(circle at 75% 45%,#b4b3ee,#5d659b);color:#fff;transform:rotate(4deg);display:flex;align-items:end;justify-content:space-between}.art-film-b span{font-size:18px}.art-play-triangle{width:29px;height:29px;border-radius:50%;background:#fff;position:relative}.art-play-triangle::after{content:"";position:absolute;top:9px;left:11px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #8286c0}.art-video-track{position:absolute;bottom:16px;left:13%;right:12%;height:7px;display:flex;gap:3px}.art-video-track i{flex:1;background:#acb5dc;border-radius:3px}.art-video-track i:nth-child(2){background:#757bbd}.art-video-track i:nth-child(3){background:#d3c7e9}
.art-chat{position:absolute;top:20px;left:5%;width:83%;height:300px;background:white;border:1px solid #dae4f5;border-radius:17px;box-shadow:0 19px 41px rgba(61,98,155,.16);overflow:hidden;transform:rotate(-4deg)}.art-chat-head{display:flex;gap:8px;align-items:center;background:#e7f1ff;padding:11px;font-size:11px;font-weight:700;color:#566da0}.art-chat-head span{font-size:8px;color:#7da6a3;margin-left:auto}.art-bubble{margin:14px 14px 0;width:75%;background:#edf3ff;border-radius:10px;padding:10px;font-size:9px;line-height:1.5;color:#5b6a88}.art-bubble-me{background:#e6e4fb;margin-left:auto}.art-chat-actions{display:flex;gap:8px;margin:9px 14px}.art-chat-actions span{flex:1;text-align:center;background:#dee8fc;color:#6473a1;font-size:9px;padding:7px;border-radius:7px}.art-bots-star{position:absolute;right:5%;top:0;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#9296d6;background:#fff;box-shadow:0 12px 25px rgba(78,92,139,.16)}
.art-dashboard{position:absolute;top:19px;right:-1%;height:276px;width:92%;display:flex;background:#fff;border:1px solid #d7e2f6;border-radius:13px;box-shadow:0 22px 46px rgba(56,79,138,.15);transform:rotate(5deg);overflow:hidden}.art-dashboard-side{background:#484f88;width:41px;display:flex;flex-direction:column;padding:13px 12px;gap:12px}.art-dashboard-side i{width:16px;height:6px;background:rgba(255,255,255,.38);border-radius:3px}.art-dashboard-main{padding:23px;flex:1;background:#fff}.art-dashboard-main small{letter-spacing:.15em;font-size:8px;color:#9ca5bd}.art-dashboard-main strong{display:block;font-size:19px;letter-spacing:-.055em;line-height:1.3;margin:12px 0}.art-dashboard-stats{display:flex;gap:6px}.art-dashboard-stats span{flex:1;background:#f0f3fd;padding:10px 5px;border-radius:7px;display:flex;gap:4px;align-items:center;font-size:8px;color:#66719c}.art-dashboard-stats i{width:6px;height:6px;border-radius:50%;background:#a4b0e5}.art-dashboard-stats span:nth-child(2) i{background:#cbb2ef}.art-dashboard-stats span:nth-child(3) i{background:#a7d7dc}.art-dashboard-chart{height:50px;margin-top:17px;display:flex;align-items:end;gap:9px}.art-dashboard-chart i{flex:1;height:40%;border-radius:5px 5px 0 0;background:#d9def7}.art-dashboard-chart i:nth-child(2){height:62%}.art-dashboard-chart i:nth-child(3){height:83%;background:#9ca6de}.art-dashboard-chart i:nth-child(4){height:57%}.art-dashboard-chart i:nth-child(5){height:92%;background:#aeb1e5}.art-dashboard-chart i:nth-child(6){height:73%}
.section-bottom-link{display:flex;justify-content:end;padding-top:26px}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:13px;color:#404c84;font-weight:700}.text-link svg{transition:transform .3s}.text-link:hover svg{transform:translateX(4px)}
/* Work */
.works-section{background:#f5f7fc}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.case{display:flex;flex-direction:column;min-width:0;border-radius:17px;overflow:hidden;background:#fff;border:1px solid #e2e6ef;transition:transform .35s var(--ease),box-shadow .35s}
.case:hover{transform:translateY(-7px);box-shadow:0 27px 55px rgba(73,76,123,.12)}
.case-visual{height:263px;position:relative;overflow:hidden;padding:14px 17px 0}
.case-ra .case-visual{background:#f1eae3}.case-dimax .case-visual{background:#e6e9e7}.case-raisa .case-visual{background:#f1e8e5}
.case-browser-top{display:flex;align-items:center;gap:4px;height:22px;background:rgba(255,255,255,.65);padding:0 9px;border-radius:7px 7px 0 0;position:relative;z-index:1}
.case-browser-top span{width:5px;height:5px;border-radius:50%;background:#c8cad2}.case-browser-top b{margin-left:auto;font-size:7px;font-weight:500;color:#a0a0a9;letter-spacing:.08em}
.case-graphic{position:relative;height:240px;overflow:hidden}.case-ra .case-graphic{background:#fcfaf6}.case-dimax .case-graphic{background:linear-gradient(135deg,#43483f,#787c6c)}.case-raisa .case-graphic{background:linear-gradient(135deg,#f8efea,#dfd1d2)}
.case-gallery-word{position:relative;z-index:2;padding:25px 20px;font-family:Georgia,serif;font-size:36px;line-height:1.02;color:#524a42}.case-gallery-word em{color:#b88565}.case-gallery-paints{position:absolute;bottom:-7px;right:12px;display:flex;gap:8px;transform:rotate(-6deg)}.case-gallery-paints i{display:block;width:60px;height:100px;background:linear-gradient(135deg,#d6ad8b,#a05242);box-shadow:0 7px 18px rgba(72,57,45,.12)}.case-gallery-paints i:nth-child(2){background:linear-gradient(135deg,#a6b7a0,#798b69);transform:translateY(12px)}.case-gallery-paints i:nth-child(3){background:linear-gradient(135deg,#d3bd9f,#667889);transform:translateY(-9px)}
.case-dimax-label{padding:23px 20px;color:#fff;font-family:var(--font-heading);font-weight:800;font-size:21px;letter-spacing:-.06em}.case-dimax-label span{font-weight:400}.case-dimax-furniture{position:absolute;bottom:20px;right:23px;width:64%;height:95px;background:linear-gradient(110deg,#b9a38a,#ece0d0);border:6px solid #d7ccb9;box-shadow:7px 12px 0 rgba(0,0,0,.16)}.case-dimax-furniture i:first-child{position:absolute;left:0;top:0;width:36%;height:100%;border-right:3px solid #b5aa9a}.case-dimax-furniture i:nth-child(2){position:absolute;right:25%;top:0;width:5px;height:100%;background:#c6bbad}.case-dimax-furniture i:last-child{position:absolute;top:-31px;right:30px;width:80px;height:26px;border-radius:40px 40px 0 0;background:#eee4d9}
.case-raisa-circle{position:absolute;height:270px;width:270px;right:-70px;top:-35px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f9f5f3,#c9adb9 68%,#e3d1d3);opacity:.84}.case-raisa-word{position:absolute;left:23px;top:35px;font:400 37px/1.18 Georgia,serif;color:#5f515c}.case-raisa-word em{font-style:italic;font-size:28px}
.case-open{position:absolute;top:48px;right:31px;z-index:3;background:#fff;color:#4e568c;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;box-shadow:0 6px 16px rgba(44,49,80,.12)}
.case-meta{padding:24px 25px 28px;flex:1;display:flex;flex-direction:column}.case-meta h3{font-size:22px;letter-spacing:-.045em;line-height:1.2;margin:10px 0 9px}.case-meta p{font-size:13px;line-height:1.7;margin:0 0 24px}.case-link{margin-top:auto;display:flex;align-items:center;gap:7px;color:var(--indigo);font-size:12px;font-weight:700}
.case-disclaimer{font-size:12px;line-height:1.6;margin:22px 0 0;color:#9299ae}
/* Process */
.approach-section{background:#fdfdff}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:72px}
.process-step{padding-right:25px}.process-number{font-size:13px;color:#747fc3;font-weight:700;letter-spacing:.15em}.process-line{height:1px;width:100%;background:linear-gradient(90deg,#838ecd,#dbe4fa);display:block;margin:33px 0 31px;position:relative}.process-line::before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#8b91ce;top:-4px;left:0;box-shadow:0 0 0 7px #f0f1fd}.process-step h3{font-size:20px;letter-spacing:-.04em;margin-bottom:10px}.process-step p{font-size:13px;max-width:230px;line-height:1.75;margin:0}
/* Studio */
.studio-section{background:#f3f6ff}.studio-layout{display:grid;grid-template-columns:1fr .97fr;gap:clamp(60px,7vw,125px);align-items:center}
.studio-art{height:515px;border:1px solid #dbe4f7;border-radius:23px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(222,222,252,.8),transparent 55%),linear-gradient(125deg,#e8f3ff,#f4f2ff 59%,#e6eafa);position:relative}
.studio-figure{position:absolute;inset:0;display:grid;place-items:center}.studio-figure::before,.studio-figure::after,.studio-figure-rings{content:"";position:absolute;border:1px solid rgba(133,146,199,.35);border-radius:50%;height:370px;width:370px;transform:rotate(-30deg) scaleX(1.35)}.studio-figure::before{transform:rotate(45deg) scaleX(.68)}.studio-figure::after{height:255px;width:255px;transform:none;border-color:rgba(133,146,199,.24)}.studio-figure-center{height:185px;width:185px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 21%,#fff,#e6eafa 59%,#a9b6e4);box-shadow:0 22px 60px rgba(90,103,163,.23),inset 0 0 30px rgba(255,255,255,.8);position:relative;z-index:2}.studio-figure-center img{filter:drop-shadow(0 8px 18px rgba(59,80,141,.15))}.studio-art-caption{position:absolute;bottom:27px;left:30px;font-size:10px;letter-spacing:.23em;font-weight:700;color:#828db6}
.studio-text h2{margin:20px 0 23px}.studio-text>p{font-size:15px;line-height:1.9;max-width:520px}
.studio-values{display:grid;gap:0;margin:30px 0}.studio-values>div{display:flex;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #dbe2f2;font-size:13px;font-weight:600;line-height:1.55}.studio-values .icon{color:#777fb8}
/* FAQ */
.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;align-items:start}.faq-layout h2{margin:18px 0 21px}.faq-layout>div:first-child>p{font-size:15px;line-height:1.8;max-width:330px;margin-bottom:25px}
.faq-list{border-top:1px solid #dfe5f0}.faq-item{border-bottom:1px solid #dfe5f0}.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-weight:600;font-size:15px;cursor:pointer;transition:color .2s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--indigo)}.faq-icon{font-size:23px;font-weight:300;line-height:1;color:#8b94c5;transition:transform .25s}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-item>p{font-size:14px;line-height:1.85;margin:0 0 22px;max-width:560px}
/* CTA */
.contact-cta{background:#f8faff;padding-top:40px;padding-bottom:115px}.contact-cta-inner{position:relative;overflow:hidden;border-radius:26px;padding:75px 7%;background:radial-gradient(circle at 90% 12%,rgba(201,208,255,.43),transparent 37%),radial-gradient(circle at 95% 86%,rgba(167,215,249,.45),transparent 35%),linear-gradient(115deg,#e9edff 2%,#edf4ff 61%,#ede9fa);border:1px solid #dce4f4;isolation:isolate}.contact-cta-inner>h2{font-size:clamp(43px,5.3vw,76px);line-height:1.1;letter-spacing:-.075em;font-weight:700;margin:24px 0 20px;position:relative;z-index:1}.contact-cta-inner h2 em{font-style:normal;color:#777cb9}.contact-cta-inner>p{font-size:15px;max-width:480px;line-height:1.8;position:relative;z-index:1}.cta-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:28px;position:relative;z-index:2}.cta-orbit{position:absolute;border:1px solid rgba(130,143,200,.30);border-radius:50%;width:450px;height:580px;right:4%;top:-180px;transform:rotate(-32deg);pointer-events:none}.cta-orbit::before{content:"";position:absolute;inset:60px;border:1px solid rgba(120,136,196,.19);border-radius:50%}.cta-stars{font-size:150px;color:rgba(161,170,225,.22);position:absolute;right:18%;top:21%;pointer-events:none}
/* Footer */
.site-footer{background:#252b48;color:#f4f5fd;padding:78px 0 25px}.footer-top{display:grid;grid-template-columns:1.45fr .7fr .95fr 1.2fr;gap:44px}.brand-footer{font-size:23px;color:#fff}.footer-top>div:first-child p{font-size:13px;line-height:1.9;color:#b1b8cf;margin-top:21px}.footer-col{display:flex;flex-direction:column;align-items:start;gap:12px}.footer-label{font-size:10px;letter-spacing:.22em;color:#8f9bbf;text-transform:uppercase;font-weight:700;margin-bottom:11px}.footer-col>a{font-size:13px;color:#c8cee0;transition:color .2s}.footer-col>a:hover{color:#fff}.footer-contact{color:#fff;font-size:18px;font-weight:600;letter-spacing:-.04em;line-height:1.5;border:0;background:none;padding:0;display:flex;align-items:center;gap:9px;text-align:left}.footer-contact:hover{color:#c4c8ff}.footer-small{color:#b1b8cd;font-size:12px;line-height:1.75}.footer-bottom{border-top:1px solid rgba(194,201,224,.18);margin-top:85px;padding-top:24px;display:flex;align-items:center;gap:18px;justify-content:space-between;color:#99a3c1;font-size:11px}.footer-bottom a:hover{color:#fff}.footer-star{color:#a6a5e7}
/* Form modal */
.modal{position:fixed;inset:0;z-index:300;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s;display:flex;align-items:center;justify-content:center;padding:18px}
.modal.is-open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(27,33,62,.66);backdrop-filter:blur(12px)}
.modal-panel{position:relative;z-index:1;width:min(650px,100%);max-height:min(92dvh,900px);overflow:auto;background:#fafbff;border:1px solid #e1e7f6;border-radius:25px;padding:42px 45px;box-shadow:0 30px 90px rgba(21,29,61,.28);transform:translateY(18px) scale(.98);transition:transform .35s var(--ease)}.modal.is-open .modal-panel{transform:none}
.modal-close{position:absolute;top:18px;right:18px;border:1px solid #dce3f1;color:#677098;background:#fff;border-radius:10px;width:37px;height:37px;display:grid;place-items:center}
.modal-panel h2{font-size:42px;line-height:1.12;letter-spacing:-.065em;margin:14px 0}.modal-panel>p{font-size:14px;margin-bottom:25px}
.contact-form{display:grid;gap:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-field{display:grid;gap:8px;font-size:12px;color:#4a5575;font-weight:700}.form-field em{color:#766aca;font-style:normal}.form-field input,.form-field select,.form-field textarea{background:#fff;border:1px solid #dce3f1;border-radius:11px;min-height:48px;padding:12px 14px;color:var(--ink);font:400 14px var(--font-body);width:100%;min-width:0;outline:none;transition:border-color .25s,box-shadow .25s}.form-field textarea{min-height:124px;resize:vertical;line-height:1.55}.form-field input::placeholder,.form-field textarea::placeholder{color:#99a2b7}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#929bd1;box-shadow:0 0 0 4px rgba(142,153,225,.14)}.form-field input[aria-invalid="true"]{border-color:#d47777}
.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.form-bottom p{font-size:11px;line-height:1.6;max-width:280px;margin:0;color:#8b95a8}.form-bottom p a{text-decoration:underline;text-underline-offset:3px}.form-feedback{font-size:13px;line-height:1.6}.form-feedback.is-error{color:#a5414b}.form-feedback.is-success{color:#2c705c;background:#ebf8ef;padding:12px 14px;border-radius:10px}
/* Shared inner headers */
.inner-hero{position:relative;overflow:hidden;padding:57px 0 90px;background:radial-gradient(ellipse 35% 60% at 85% 47%,rgba(223,220,252,.60),transparent 95%),#fbfcff}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;color:#939db3;margin-bottom:70px}.breadcrumbs a:hover{color:var(--indigo)}.breadcrumbs span{color:#a9b2c6}
.inner-hero h1{font-size:clamp(51px,6vw,86px);line-height:1.07;letter-spacing:-.075em;margin:20px 0 16px}.inner-hero>div>p{max-width:600px;font-size:17px;line-height:1.8}
.inner-hero-row{display:grid;grid-template-columns:1.2fr .65fr;align-items:end;gap:60px}.inner-hero-row>p{font-size:17px;line-height:1.8;max-width:320px;margin-bottom:15px}.directory-decoration{position:absolute;right:-50px;bottom:-240px;width:470px;height:470px;border:1px solid rgba(137,148,203,.2);border-radius:50%;pointer-events:none;box-shadow:0 0 0 90px rgba(191,202,247,.07),0 0 0 190px rgba(191,202,247,.04)}
.directory-list{background:#fbfcff;padding-top:80px;padding-bottom:50px}.directory-list>.container{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.directory-list .service-card{grid-column:span 2;min-height:520px}.directory-list .service-card:nth-child(n+4){grid-column:span 3;min-height:420px}.directory-list .service-card .service-card-content{max-width:none}.directory-list .service-card:nth-child(n+4) .service-card-content{max-width:50%}
.quiet-block{background:linear-gradient(130deg,#eff2fd,#f9fbff);border:1px solid #e1e8f5;border-radius:24px;padding:45px 55px;display:grid;grid-template-columns:1.2fr .8fr auto;align-items:center;gap:34px}.quiet-block h2{margin:15px 0 0;letter-spacing:-.06em;font-size:clamp(28px,3vw,41px);line-height:1.2}.quiet-block>p{font-size:14px;line-height:1.75;max-width:270px;margin:0}
/* Detail page template */
.detail-hero{overflow:hidden;position:relative;background:radial-gradient(ellipse 35% 50% at 86% 35%,rgba(225,224,250,.38),transparent 90%),#fafbff}
.detail-hero .breadcrumbs{margin-bottom:23px}.detail-hero .container{padding-top:55px;padding-bottom:100px}
.detail-hero-grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:clamp(28px,4vw,60px);align-items:center;min-height:530px}
.detail-hero-copy{position:relative;z-index:2}
.detail-hero-copy h1{font-size:clamp(47px,5.05vw,75px);letter-spacing:-.073em;line-height:1.09;font-weight:700;margin:21px 0 22px}
.detail-hero-copy h1 em{font-style:normal;background:linear-gradient(110deg,#5965b1,#a38bcc);background-clip:text;-webkit-background-clip:text;color:transparent}
.detail-hero-copy>p{max-width:520px;font-size:16px;line-height:1.86;color:#6c7489;margin-bottom:0}
.detail-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.detail-actions .button{min-height:54px}
.detail-hero-foot{display:flex;align-items:center;gap:40px;flex-wrap:wrap;padding-top:68px}.detail-hero-foot>span:last-child{display:flex;align-items:center;gap:9px;color:#8a95ae;font-size:11px}.detail-hero-foot .icon{color:#939acf}
.detail-showcase{height:515px;position:relative;isolation:isolate;min-width:0}
.detail-orbit{position:absolute;inset:13% -5%;border:1px solid rgba(141,158,213,.31);border-radius:50%;transform:rotate(-20deg);z-index:-2}
.detail-showcase::before{content:"";position:absolute;inset:7% -6%;background:radial-gradient(ellipse at center,rgba(207,222,252,.71),rgba(236,233,252,.32) 48%,transparent 70%);z-index:-3;filter:blur(5px)}
/* Web */
.web-screen{position:absolute;background:white;border:1px solid #d5deed;border-radius:15px;overflow:hidden;box-shadow:0 24px 65px rgba(56,71,130,.19)}
.web-screen-main{left:11%;top:6%;width:84%;height:385px;transform:rotate(-4deg)}.web-screen-side{width:50%;height:250px;left:-1%;bottom:6px;transform:rotate(7deg)}
.mock-toolbar{height:32px}.mock-toolbar span{width:6px;height:6px}.mock-toolbar small{color:#a1adc4;font-size:8px;margin-left:auto}
.web-screen-content{position:relative;height:calc(100% - 32px);padding:41px 30px;background:linear-gradient(128deg,#f9faff,#e4eafa 60%,#e0dffa);overflow:hidden}
.web-screen-content>small{font-size:9px;letter-spacing:.19em;color:#8b92c1;font-weight:700}.web-screen-content>strong{position:relative;z-index:2;display:block;font-size:clamp(32px,3.8vw,55px);letter-spacing:-.078em;line-height:1.14;margin-top:25px;color:#323a67}.web-screen-content>strong em{font-style:normal;color:#9195d1}.web-mock-pill{position:relative;z-index:2;display:inline-block;background:#424b85;color:#fff;font-size:9px;padding:10px 13px;border-radius:7px;margin-top:24px}.web-blob{position:absolute;right:-70px;bottom:-70px;height:280px;width:280px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#c8c5ec 51%,#8f9dcb)}
.web-side-content{height:calc(100% - 32px);background:linear-gradient(130deg,#38406c,#727ba7);padding:20px;color:#fff}.web-side-content>div{height:26px;width:26px;border:1px solid #fff;border-radius:50%;margin-bottom:24px;opacity:.6}.web-side-content b{display:block;letter-spacing:-.06em;font-size:28px;line-height:1.15}.web-side-content>i{display:block;height:3px;margin-top:15px;background:#aab2e2;width:65%}.web-side-content>i:last-child{width:45%;margin-top:6px}
.detail-floating-caption{position:absolute;right:-1%;bottom:16px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.95);color:#707b9c;padding:12px;border:1px solid #dfe4f4;border-radius:11px;box-shadow:0 14px 35px rgba(78,89,138,.11);font-size:10px;letter-spacing:.08em}
/* QR */
.detail-qr::before{background:radial-gradient(circle,rgba(228,213,247,.78),transparent 69%)}
.real-phone{position:absolute;top:2%;left:31%;width:252px;height:475px;border:9px solid #323753;border-radius:39px;background:#fff;box-shadow:0 35px 80px rgba(57,58,112,.21);transform:rotate(6deg)}.real-phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:76px;height:16px;background:#323753;border-radius:20px;z-index:2}.real-phone-screen{height:100%;border-radius:30px;overflow:hidden;background:#fcfaf9}.qr-phone-top{padding:32px 19px 14px;background:linear-gradient(110deg,#faf7fc,#e8e1f1)}.qr-phone-top small{font-size:8px;letter-spacing:.2em;color:#8b8fb8}.qr-phone-top strong{font-family:var(--font-heading);display:block;font-size:25px;line-height:1.12;letter-spacing:-.06em;margin-top:9px}.qr-phone-top p{font-size:9px;line-height:1.5;margin:7px 0 0}.real-phone-screen iframe{width:100%;height:320px;border:0;background:#f9fafc}
.real-qr{position:absolute;left:0;bottom:34px;background:#fff;border:1px solid #e5e6f3;border-radius:17px;box-shadow:0 22px 48px rgba(71,75,119,.15);padding:10px 10px 14px;transform:rotate(-8deg);width:155px;display:grid;justify-items:center}.real-qr img{height:135px;width:135px;image-rendering:pixelated}.real-qr span{font-size:8px;letter-spacing:.12em;color:#7581a2;font-weight:700;margin-top:4px}
.detail-demo-link{position:absolute;right:-1%;bottom:0;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dce1f0;border-radius:12px;padding:13px 14px;font-size:12px;color:#565e96;font-weight:700;box-shadow:0 12px 24px rgba(63,73,117,.09)}
/* Motion: CSS is the actual live preview; no fake playback */
.detail-video{border-radius:21px;padding:13px;background:#fff;border:1px solid #d9e1f2;box-shadow:0 25px 64px rgba(83,80,141,.11);height:430px;align-self:center}
.detail-video::before{display:none}.video-canvas{height:340px;border-radius:13px;background:linear-gradient(145deg,#d9d9f4,#a6b0eb 58%,#777fba);position:relative;overflow:hidden;isolation:isolate}
.video-canvas::before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.42),transparent 35%);animation:lightMove 10s ease-in-out infinite alternate}
.video-overline{position:absolute;top:28px;left:29px;font-size:9px;letter-spacing:.19em;color:#fff;font-weight:700;z-index:2}
.video-headline{position:absolute;top:24%;left:13%;display:grid;z-index:4;font-family:var(--font-heading);font-weight:800;font-size:clamp(63px,7vw,110px);line-height:.86;letter-spacing:-.10em;color:#fff;animation:motionAppear 5.5s var(--ease) infinite alternate}.video-headline span:nth-child(2){font-family:Georgia,serif;font-weight:400;font-size:.86em;margin-left:19%;letter-spacing:-.08em}.video-headline span:nth-child(3){margin-left:8%}
.video-curve{position:absolute;border:29px solid rgba(255,255,255,.23);height:380px;width:380px;border-radius:50%;right:-100px;top:-60px;transform:rotate(30deg);animation:motionCircle 12s linear infinite}.video-asterisk{position:absolute;right:12%;bottom:8%;font-size:80px;color:rgba(255,255,255,.57);animation:motionCircle 18s linear infinite}
.video-timeline{height:63px;display:flex;align-items:center;gap:16px;padding:0 7px}.video-timeline>span:first-child{font-size:9px;letter-spacing:.11em;font-weight:700;color:#8189a5}.timeline-track{flex:1;height:3px;background:#e5e9f6;border-radius:9px}.timeline-track i{display:block;width:35%;height:100%;background:#939bd6;animation:timelineProgress 5.5s linear infinite alternate}.motion-toggle{border:0;background:#f2f4fc;color:#555f96;border-radius:8px;min-height:35px;padding:5px 10px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px}.motion-toggle svg{transform:rotate(90deg)}.detail-video.is-paused *,.detail-video.is-paused *::before,.detail-video.is-paused *::after{animation-play-state:paused!important}.detail-video.is-paused .motion-toggle svg{transform:none}
@keyframes motionAppear{from{transform:translateX(-8px) rotate(-3deg)}to{transform:translateX(12px) rotate(2deg)}}@keyframes motionCircle{to{transform:rotate(360deg)}}@keyframes lightMove{to{transform:translate(12%,-10%)}}@keyframes timelineProgress{to{width:95%}}
/* Bot interactive showcase */
.detail-bots::before{background:radial-gradient(circle,rgba(214,231,253,.85),transparent 68%)}
.bot-demo-phone{position:absolute;top:0;left:13%;width:74%;height:483px;background:#fff;border:1px solid #d9e3f2;border-radius:29px;box-shadow:0 30px 70px rgba(59,90,142,.15);overflow:hidden;transform:rotate(-2deg);padding:10px}.bot-demo-screen{height:100%;display:flex;flex-direction:column;background:#e9f1fa;border-radius:21px;overflow:hidden}
.bot-demo-head{display:flex;align-items:center;gap:11px;padding:16px;background:#fff;border-bottom:1px solid #dde6f1}.bot-demo-avatar{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#e7e9ff;color:#6473bc}.bot-demo-head b{display:block;color:#30395f;font-size:13px}.bot-demo-head small{display:block;font-size:10px;color:#97a2b5}.bot-demo-head i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#8acbb0}
.bot-demo-chat{flex:1;overflow:auto;padding:24px 17px 10px;display:flex;flex-direction:column;align-items:start;gap:10px}.bot-msg{border:1px solid #dfe4f0;background:#fff;padding:12px 15px;border-radius:12px 12px 12px 3px;max-width:82%;font-size:12px;line-height:1.6;color:#53627a;box-shadow:0 3px 10px rgba(78,90,130,.04)}.bot-msg.from-user{align-self:end;background:#e2e4ff;border-color:#d4d8fa;border-radius:12px 12px 3px 12px}
.bot-demo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#fff;padding:11px}.bot-demo-buttons button{min-height:35px;border:1px solid #d8e0f2;border-radius:7px;background:#f5f7fe;color:#4d5f91;font-size:11px;font-weight:700;transition:background .2s}.bot-demo-buttons button:hover{background:#e4e8fb}.bot-demo-buttons button:last-child{grid-column:span 2;background:transparent;border-color:transparent;color:#929cb4;font-size:10px}.bot-demo-label{position:absolute;bottom:5px;right:0;font-size:9px;letter-spacing:.18em;color:#909ebd}
/* Programs */
.detail-programs::before{background:radial-gradient(circle,rgba(215,225,250,.92),transparent 70%)}
.program-window{position:absolute;top:8%;left:-4%;width:106%;height:407px;background:#fff;border:1px solid #dbe3f3;border-radius:16px;box-shadow:0 27px 60px rgba(51,74,120,.17);transform:rotate(2deg);overflow:hidden}
.program-titlebar{height:39px;border-bottom:1px solid #e4e8f1;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#7e87b4}.program-titlebar>span{display:flex;gap:5px}.program-titlebar i{background:#d4d9e9;width:7px;height:7px;border-radius:50%}.program-titlebar small{font-size:9px;letter-spacing:.10em;color:#9fa8bb}
.program-content{height:calc(100% - 39px);display:flex}.program-sidebar{width:66px;background:#454d83;padding:19px 13px;display:flex;align-items:center;flex-direction:column;gap:19px}.program-sidebar img{margin-bottom:11px;filter:brightness(0) invert(1)}.program-sidebar span{color:#c9cffa;display:grid;place-items:center;height:34px;width:35px;border-radius:8px}.program-sidebar span.on{background:rgba(255,255,255,.16)}
.program-main{flex:1;padding:25px 22px;background:#fbfcff;min-width:0}.program-greeting small{font-size:9px;letter-spacing:.17em;color:#8993b4}.program-greeting strong{font-size:23px;display:block;letter-spacing:-.045em;margin-top:7px}.program-greeting p{font-size:10px;margin-top:6px}.program-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:29px}.program-columns>div{background:#f1f4fb;border:1px solid #e5e9f5;border-radius:9px;padding:10px 7px;min-height:143px;min-width:0}.program-columns small{font-size:8px;font-weight:700;color:#8b94b1}.program-task{display:flex;align-items:center;gap:5px;border:1px solid #e0e5f1;border-radius:6px;padding:8px 6px;background:#fff;margin-top:8px;font-size:9px;color:#606b82;line-height:1.3}.program-task>span{height:6px;width:6px;border-radius:50%;background:#aec0e8;flex:none}.program-task.lavender>span{background:#b5a7db}.program-task.blue>span{background:#92cbbf}.program-scene-label{position:absolute;bottom:12px;right:7px;font-size:9px;color:#8c9abc;letter-spacing:.14em}
/* Detail sections */
.detail-intro{background:#fff}.detail-intro-grid{display:grid;grid-template-columns:1.2fr .7fr;gap:95px;align-items:center}.detail-intro h2{font-size:clamp(35px,4vw,56px);letter-spacing:-.065em;line-height:1.21;margin:18px 0 0}.detail-intro-grid>div:last-child{border-left:1px solid #e1e6f2;padding-left:45px}.detail-intro-grid>div:last-child p{font-size:16px;line-height:1.9;margin:12px 0 0}.detail-ministar{color:#a5a8db;font-size:29px}
.detail-uses{background:#f6f8fd}.detail-use-list{border-top:1px solid #dce3ef}.detail-use{display:grid;grid-template-columns:130px 1fr 30px;align-items:center;gap:30px;border-bottom:1px solid #dce3ef;padding:36px 8px}.detail-use>span{font-size:11px;letter-spacing:.2em;color:#a2aabc}.detail-use h3{font-size:clamp(23px,2.8vw,35px);line-height:1.2;letter-spacing:-.05em;margin:0 0 9px}.detail-use p{font-size:13px;max-width:590px;line-height:1.65;margin:0}.detail-use>.icon{color:#a3aace}
.demo-note-strip{background:#eef2fd;border-top:1px solid #dce5f6;border-bottom:1px solid #dce5f6;padding:24px 0}.demo-note-strip .container{display:flex;align-items:center;gap:22px}.demo-note-strip .container>span{display:grid;place-items:center;height:46px;min-width:46px;background:#fff;border-radius:12px;color:#6269ac}.demo-note-strip b{font-size:13px}.demo-note-strip p{font-size:12px;line-height:1.6;margin:2px 0 0}.demo-note-strip a{margin-left:auto;white-space:nowrap;font-size:12px;color:#4e589c;font-weight:700}.detail-work-section{background:#fafbff}
.detail-process{background:#fff}.detail-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.detail-step{padding:27px;border:1px solid #dfe6f2;border-radius:16px;background:linear-gradient(180deg,#fff,#f9faff);min-height:240px}.detail-step-num{font-size:12px;color:#8d99c1;font-weight:700;letter-spacing:.1em}.detail-step h3{font-size:21px;letter-spacing:-.05em;margin:50px 0 9px}.detail-step p{font-size:13px;line-height:1.7;margin:0}
.other-section{background:#f4f6fe}.other-section h2{margin:12px 0 35px}.other-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.service-next{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:13px;border:1px solid #dce3f3;background:#fff;font-size:15px;font-weight:700;letter-spacing:-.03em;transition:transform .3s,border-color .3s}.service-next:hover{transform:translateX(4px);border-color:#aeb9dd}.service-next>span{display:flex;align-items:center;gap:13px}.service-next .icon{color:#858dc2}
/* Contacts */
.contacts-hero{padding-bottom:73px}.contacts-hero .breadcrumbs{margin-bottom:35px}.contacts-hero h1{margin-bottom:20px}.contacts-hero p{max-width:590px}.contact-page-section{background:#fff}.contact-page-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,7vw,125px)}.contact-information{position:relative}.contact-information h2{font-size:clamp(36px,3.8vw,50px);letter-spacing:-.065em;line-height:1.22;margin:16px 0 23px}.contact-information>p{font-size:15px;line-height:1.88;max-width:340px}.contact-benefits{border-top:1px solid #e2e6f0;margin-top:32px}.contact-benefits>div{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #e2e6f0;font-size:13px;font-weight:600;line-height:1.6}.contact-benefits svg{color:#8188bd}.contacts-asterisk{font-size:110px;color:#e4e8fb;position:absolute;bottom:0;right:2%;line-height:1}
.contact-form-panel{background:#f5f7fe;border:1px solid #e3e9f4;border-radius:23px;padding:43px}.contact-form-panel h2{font-size:37px;line-height:1.12;letter-spacing:-.06em;margin:13px 0}.contact-form-panel>p{font-size:14px;margin-bottom:24px}.contact-form-panel .contact-form{gap:21px}.contact-form-panel .form-field input,.contact-form-panel .form-field select{min-height:53px}.contact-form-panel .form-field textarea{min-height:166px}
.privacy-section{background:#f8faff;padding-top:50px}.privacy-card{background:#fff;border:1px solid #e0e5f0;border-radius:19px;padding:40px 45px}.privacy-card h2{font-size:30px;letter-spacing:-.05em;margin:12px 0 15px}.privacy-card p{font-size:13px;line-height:1.75;max-width:890px}.privacy-card p:last-child{margin-bottom:0}
/* Reveal — opt in only when JS present */
.has-js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.has-js [data-reveal].is-visible{opacity:1;transform:none}
/* Responsive — tablets / mobile */
@media(max-width:1160px){
 .container{width:min(var(--max),calc(100% - 64px))}
 .desktop-nav{gap:22px}.header-inner{gap:17px}.header-actions>.button{padding:12px 15px;gap:10px}
 .home-hero h1{font-size:clamp(51px,5.55vw,67px)}.scene-browser{left:26px;right:0}.scene-film{right:-13px}.hero-scene{height:520px}
 .detail-hero-copy h1{font-size:clamp(46px,5.2vw,64px)}.detail-showcase{height:480px}
 .service-card-content h3{font-size:23px}.service-card-content p{font-size:12px}.footer-top{gap:26px}
}
@media(max-width:990px){
 .desktop-nav{display:none}.nav-toggle{display:flex}.header-inner{min-height:75px}.header-actions>.button{display:inline-flex}
 .mobile-nav{position:fixed;display:flex;flex-direction:column;top:75px;left:0;right:0;height:calc(100dvh - 75px);overflow:auto;background:rgba(248,250,255,.98);backdrop-filter:blur(20px);padding:34px max(32px,5vw) 40px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .27s,transform .27s,visibility .27s;z-index:102}
 .mobile-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
 .mobile-nav>a{font:700 clamp(28px,5vw,43px)/1.2 var(--font-heading);letter-spacing:-.065em;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e7f5;padding:18px 0}
 .mobile-nav>a span{font:700 11px var(--font-body);color:#9ba4bf;letter-spacing:.1em}.mobile-nav-bottom{margin-top:auto;color:#a3adc4;letter-spacing:.18em;font-size:11px;padding-top:25px}
 .section-pad{padding:90px 0}.home-hero-inner{grid-template-columns:1fr 1fr;gap:5px;padding-top:60px;min-height:590px}
 .home-hero h1{font-size:clamp(43px,5.65vw,62px)}.hero-lead{font-size:14px}.hero-scene{height:430px}.scene-browser{height:285px;top:55px;left:20px;right:-20px}.scene-browser-body{padding:27px}.scene-browser-body strong{font-size:32px}.scene-chat{bottom:15px;left:-10px;width:204px;padding:12px}.scene-film{width:162px;right:-10px;bottom:0}.scene-film-art{height:90px}.scene-film-bottom{padding:8px 4px}.scene-film-bottom>div{width:35px}.scene-orbit{max-width:110%}.orbit-one{height:310px;width:370px}.orbit-two{height:380px;width:260px}.glow-blue{height:380px;width:380px}.hero-aside{margin-top:44px}
 .service-grid,.directory-list>.container{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.service-card,.service-card:nth-child(4),.service-card:nth-child(5),.directory-list .service-card,.directory-list .service-card:nth-child(n+4){grid-column:span 1;min-height:480px}.service-card:last-child,.directory-list .service-card:last-child{grid-column:span 2;min-height:380px}.service-card:nth-child(n+4) .service-card-art,.directory-list .service-card:nth-child(n+4) .service-card-art{position:relative;inset:auto;margin:12px 0 0;min-height:185px}.service-card:nth-child(n+4) .service-card-content,.directory-list .service-card:nth-child(n+4) .service-card-content{max-width:none}.service-card:nth-child(n+4) .service-card-art{margin-left:0}.service-card:last-child .service-card-art{position:absolute;left:48%;right:0;bottom:0;top:20px;min-height:unset}.service-card:last-child .service-card-content{max-width:50%}.directory-list .service-card:last-child .service-card-art{position:absolute;left:48%;top:20px;bottom:0}.directory-list .service-card:last-child .service-card-content{max-width:50%}
 .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-grid .case:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.case-grid .case:last-child .case-visual{height:100%;min-height:260px}.case-grid .case:last-child .case-meta{justify-content:center}
 .studio-layout{gap:55px}.studio-art{height:430px}.studio-figure::before,.studio-figure::after,.studio-figure-rings{height:310px;width:310px}.studio-figure::after{height:200px;width:200px}.studio-figure-center{width:150px;height:150px}.studio-figure-center img{width:90px}
 .faq-layout{gap:55px}.footer-top{grid-template-columns:repeat(2,1fr);gap:50px}.footer-bottom{margin-top:55px}
 .detail-hero-grid{grid-template-columns:1fr 1fr}.detail-hero-copy h1{font-size:clamp(40px,5.6vw,57px)}.detail-hero-copy>p{font-size:14px}.detail-actions .button{font-size:12px;padding:11px 13px}.detail-hero-foot{padding-top:40px}.detail-showcase{height:405px}
 .web-screen-main{height:315px}.web-screen-side{height:190px}.web-screen-content{padding:26px}.web-screen-content>strong{font-size:35px}.web-blob{height:200px;width:200px}.web-side-content b{font-size:22px}
 .real-phone{height:380px;width:205px;left:30%}.real-phone-screen iframe{height:250px}.real-qr{width:124px}.real-qr img{width:105px;height:105px}.real-qr span{font-size:7px}.detail-demo-link{right:-4%;padding:11px;font-size:10px}
 .detail-video{height:375px}.video-canvas{height:295px}.video-headline{font-size:65px}.video-timeline>span:first-child{font-size:8px}
 .bot-demo-phone{height:395px;width:85%;left:6%}.bot-demo-chat{padding:14px 11px}.bot-msg{font-size:10px;padding:8px}.bot-demo-head{padding:11px}
 .program-window{height:335px;top:9%}.program-main{padding:15px}.program-columns{margin-top:16px}.program-columns>div{min-height:118px}.program-task{font-size:8px;padding:6px}.program-sidebar{width:49px;padding:13px 8px}.program-greeting strong{font-size:19px}
 .detail-step-grid{grid-template-columns:repeat(2,1fr)}.detail-step{min-height:205px}.detail-step h3{margin-top:32px}.quiet-block{grid-template-columns:1fr 1fr}.quiet-block>.button{justify-self:start}
}
@media(max-width:700px){
 .container{width:calc(100% - 38px)}.section-pad{padding:74px 0}
 .header-inner{min-height:68px}.brand{font-size:19px}.brand img{width:32px;height:32px}.header-actions>.button{display:none}.nav-toggle{width:44px;height:43px}.mobile-nav{top:68px;height:calc(100dvh - 68px);padding-inline:20px}
 .home-hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:62px;padding-bottom:8px;min-height:0;gap:0}
 .hero-copy{padding:0}.home-hero h1{font-size:clamp(40px,9.25vw,63px);letter-spacing:-.075em;margin:19px 0 19px;line-height:1.12}.hero-lead{font-size:14px;line-height:1.75;max-width:530px}.hero-buttons{margin-top:25px}.hero-aside{margin-top:27px;font-size:11px}.hero-aside-mark{width:33px;height:33px}
 .hero-scene{height:370px;width:100%;max-width:500px;align-self:center;margin-top:24px}.scene-browser{left:9%;right:4%;top:27px;height:292px}.scene-browser-body{padding:30px}.scene-browser-body strong{font-size:clamp(29px,7vw,41px)}.scene-window-orb{height:88px;width:88px}.scene-chat{left:0;bottom:7px;width:49%;min-width:168px}.scene-film{width:39%;max-width:172px;right:0;bottom:0}.scene-film-art{height:86px}.scene-label{right:13px;top:0}.scene-orbit{left:7%}.orbit-one{width:80%}.orbit-two{width:60%}.glow-blue{left:10%;width:80%}.hero-bottom{padding-bottom:22px;font-size:8px}.hero-scroll-line{width:20px;margin-left:0}
 .intro-band-inner{padding:21px 0;min-height:0;gap:9px;flex-wrap:wrap}.intro-band-label{width:100%;font-size:9px}.intro-band-inner>div{font-size:16px;flex:1}.intro-band-star{font-size:22px}
 .section-heading{display:block;margin-bottom:29px}.section-heading h2,.studio-text h2,.faq-layout h2{font-size:clamp(34px,8.2vw,50px);line-height:1.16}.section-heading>p{max-width:490px;font-size:14px;margin-top:17px}
 .service-grid,.directory-list>.container{grid-template-columns:1fr;gap:14px}.service-card,.service-card:nth-child(4),.service-card:nth-child(5),.service-card:last-child,.directory-list .service-card,.directory-list .service-card:last-child{grid-column:1;min-height:385px}.service-card-top{padding:19px 21px 0}.service-card-content{padding:16px 21px 0}.service-card-content h3{font-size:24px}.service-card-content p{font-size:12px;max-width:315px}.service-card-art,.service-card:nth-child(n+4) .service-card-art,.service-card:last-child .service-card-art,.directory-list .service-card:last-child .service-card-art{position:relative;left:auto;right:auto;top:auto;bottom:auto;min-height:180px;flex:1;margin:8px 0 0}.service-card:nth-child(n+4) .service-card-content,.service-card:last-child .service-card-content,.directory-list .service-card:last-child .service-card-content{max-width:none}.circle-arrow{opacity:1;top:23px;right:20px;width:34px;height:34px;transform:none}.service-card-content .small-label{padding-right:48px;display:inline-block}
 .art-browser{height:190px;top:4px;width:73%;left:22%}.art-web-inner{padding:14px}.art-web-inner strong{font-size:22px;margin-top:7px}.art-web-shape{height:130px;width:130px}.art-float{bottom:10px}.art-chat{height:230px;top:4px;left:18%;width:70%}.art-bots-star{right:4%}.art-dashboard{height:220px;width:79%;right:5%;top:2px}.art-dashboard-main{padding:12px}.art-dashboard-main strong{font-size:15px}.art-dashboard-stats{gap:3px}.art-dashboard-stats span{font-size:7px;padding:7px 4px}.art-dashboard-chart{margin-top:9px;height:34px}.art-qr-phone{height:205px;width:125px;left:38%;top:3px}.art-qr-badge{bottom:6px}.art-film{left:21%;width:70%;height:100px}.art-film-a{top:4px}.art-film-b{top:70px}
 .case-grid{grid-template-columns:1fr}.case-grid .case:last-child{grid-column:1;display:flex}.case-grid .case:last-child .case-visual{min-height:260px}.case-visual{height:260px}.case-meta{padding:20px 22px 24px}.case-meta p{margin-bottom:17px}.case-disclaimer{font-size:11px}
 .process-grid{grid-template-columns:1fr 1fr;gap:32px 20px;margin-top:45px}.process-step{padding-right:5px}.process-line{margin:20px 0}.process-step h3{font-size:18px}.process-step p{font-size:12px}
 .studio-layout,.faq-layout{grid-template-columns:1fr;gap:37px}.studio-art{height:340px;max-width:530px}.studio-figure::before,.studio-figure::after,.studio-figure-rings{height:270px;width:270px}.studio-figure::after{height:180px;width:180px}.studio-figure-center{width:135px;height:135px}.studio-figure-center img{width:75px}.studio-text h2{margin:16px 0}.studio-text>p{font-size:14px}.studio-values{margin:18px 0 27px}.faq-layout h2{margin:13px 0}.faq-layout>div:first-child>p{margin-bottom:19px}.faq-item summary{font-size:14px;padding:20px 0}
 .contact-cta{padding-top:15px;padding-bottom:72px}.contact-cta-inner{padding:50px 25px 54px}.contact-cta-inner>h2{font-size:clamp(36px,8.7vw,57px)}.contact-cta-inner>p{font-size:14px}.cta-actions{gap:17px}.cta-orbit{right:-200px}.cta-stars{right:2%;top:10%;font-size:90px}
 .footer-top{grid-template-columns:1fr 1fr;gap:38px 17px}.footer-top>div:first-child{grid-column:span 2}.footer-top>div:last-child{grid-column:span 2}.site-footer{padding-top:57px}.footer-bottom{margin-top:44px;flex-wrap:wrap;gap:12px;justify-content:space-between}.footer-bottom>span:nth-child(2){display:none}
 .inner-hero{padding:36px 0 65px}.breadcrumbs{margin-bottom:40px}.inner-hero h1{font-size:clamp(43px,9.4vw,66px)}.inner-hero-row{grid-template-columns:1fr;gap:0}.inner-hero-row>p{font-size:14px;margin-top:0}.directory-list{padding-top:34px;padding-bottom:30px}.quiet-block{padding:30px 25px;grid-template-columns:1fr;gap:18px}.quiet-block h2{font-size:32px}.quiet-block>p{max-width:unset}
 .detail-hero .container{padding-top:35px;padding-bottom:70px}.detail-hero .breadcrumbs{margin-bottom:50px}.detail-hero-grid{grid-template-columns:1fr;gap:28px;min-height:0}.detail-hero-copy h1{font-size:clamp(43px,9.5vw,67px);margin:15px 0 19px}.detail-hero-copy>p{font-size:14px;line-height:1.75}.detail-actions{margin-top:25px}.detail-hero-foot{padding-top:24px;gap:15px}.detail-hero-foot>span:last-child{font-size:10px}.detail-showcase{height:370px;max-width:520px;width:100%;margin:auto}
 .web-screen-main{height:300px;left:13%;top:7%;width:82%}.web-screen-side{height:184px;left:0;bottom:0}.web-screen-content>strong{font-size:clamp(31px,8vw,42px)}.detail-floating-caption{right:0;bottom:0;font-size:9px}
 .real-phone{top:1%;left:32%;height:350px;width:195px;max-width:55%}.real-qr{left:5%;bottom:18px}.detail-demo-link{right:0;bottom:-14px}.real-phone-screen iframe{height:230px}
 .detail-video{height:342px;padding:9px}.video-canvas{height:267px}.video-headline{font-size:clamp(55px,12vw,78px)}.video-overline{font-size:7px;top:19px;left:16px}.video-timeline{height:53px}.video-timeline>span:first-child{font-size:7px}.motion-toggle{font-size:10px}
 .bot-demo-phone{width:78%;left:11%;height:363px;top:0}.bot-demo-label{bottom:0}.bot-demo-buttons button{font-size:10px;min-height:31px}.bot-demo-head{padding:10px}.bot-msg{font-size:10px}
 .program-window{top:8%;left:0;width:100%;height:334px}.program-titlebar small{font-size:8px}.program-main{padding:13px}.program-greeting strong{font-size:18px}.program-greeting p{font-size:9px}.program-columns{margin-top:15px}.program-columns>div{padding:7px 4px}.program-columns small{font-size:7px}.program-task{font-size:7px;align-items:flex-start;line-height:1.4}
 .detail-intro-grid{grid-template-columns:1fr;gap:27px}.detail-intro h2{font-size:clamp(32px,8vw,48px)}.detail-intro-grid>div:last-child{border-left:0;border-top:1px solid #e1e6f2;padding:17px 0 0}.detail-intro-grid>div:last-child p{font-size:14px}.detail-use{grid-template-columns:48px 1fr 20px;gap:12px;padding:25px 0}.detail-use h3{font-size:23px}.detail-use p{font-size:12px}.demo-note-strip .container{gap:13px;align-items:start;flex-wrap:wrap}.demo-note-strip .container>span{height:38px;min-width:38px}.demo-note-strip .container>div{flex:1}.demo-note-strip a{margin-left:50px}.detail-step-grid{grid-template-columns:1fr 1fr;gap:10px}.detail-step{padding:19px;min-height:188px}.detail-step h3{font-size:19px;margin:30px 0 7px}.detail-step p{font-size:11px}.other-grid{grid-template-columns:1fr}.other-section h2{font-size:33px}.service-next{font-size:14px}
 .contacts-hero .breadcrumbs{margin-bottom:34px}.contacts-hero p{font-size:14px}.contact-page-grid{grid-template-columns:1fr;gap:33px}.contact-information h2{font-size:36px}.contacts-asterisk{right:4%;bottom:18%}.contact-form-panel{padding:28px 21px}.contact-form-panel h2{font-size:32px}.privacy-card{padding:28px 22px}.privacy-card h2{font-size:26px}
 .modal-panel{padding:36px 22px 25px;border-radius:20px;max-height:92dvh}.modal-panel h2{font-size:36px}.form-row{grid-template-columns:1fr}.form-bottom{align-items:stretch;flex-direction:column;gap:13px}.form-bottom .button{width:100%}
}
@media(max-width:380px){
 .container{width:calc(100% - 30px)}.home-hero h1{font-size:38px}.hero-buttons .button{padding-inline:12px;font-size:11px;gap:10px}.hero-scene{height:325px}.scene-browser{height:258px}.scene-browser-body{padding:22px}.scene-browser-body strong{font-size:29px}.scene-chat{width:53%;min-width:0;padding:9px;bottom:0}.scene-chat-line,.scene-chat-choice{font-size:8px}.scene-film{width:37%;padding:6px}.scene-film-art{height:70px}.scene-film-art>span{font-size:7px}.scene-film-bottom{font-size:7px}.scene-orbit{display:none}.detail-actions .button{padding:11px 10px;font-size:11px;gap:9px}.detail-step{padding:15px}.detail-step h3{font-size:17px}.real-qr{left:0;width:115px}.real-qr img{width:95px;height:95px}.real-phone{left:37%}.program-sidebar{width:38px;padding-inline:7px}.program-main{padding:9px}.program-columns{gap:4px}.program-task{padding:5px 3px}.video-headline{font-size:48px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.has-js [data-reveal]{opacity:1!important;transform:none!important}}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.error-page{min-height:65vh;display:flex;align-items:center}.error-page h1{font-size:clamp(55px,7vw,94px)}.error-page p{max-width:560px}.error-page .breadcrumbs{margin-bottom:0}


/* ===== SIRIUS upgrade: liquid luxury direction ===== */
:root{
 --paper:#e8e7f4;
 --paper-alt:#f7f7fc;
 --ink:#10111b;
 --muted:#5e6377;
 --indigo:#111321;
 --indigo-deep:#0b0d18;
 --blue:#eef2ff;
 --lavender:#ece9fb;
 --silver:#f4f4fb;
 --border:rgba(20,24,40,.08);
 --shadow:0 35px 90px rgba(49,53,88,.16);
}
body{
 background:
 radial-gradient(circle at 12% 14%, rgba(255,255,255,.82), transparent 0 16%),
 radial-gradient(circle at 76% 12%, rgba(202,196,239,.42), transparent 0 26%),
 radial-gradient(circle at 50% 68%, rgba(255,255,255,.34), transparent 0 20%),
 linear-gradient(180deg,#d8d8ea 0%,#e6e6f3 23%,#f4f5fb 100%);
 color:var(--ink);
}
.button{border-radius:999px;padding:13px 21px;box-shadow:0 10px 30px rgba(26,30,53,.08)}
.button::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.08) 35%,rgba(255,255,255,.48) 48%,transparent 65%);transform:translateX(-135%);transition:transform .8s var(--ease);z-index:-1}
.button:hover::after{transform:translateX(140%)}
.button-primary{background:linear-gradient(180deg,#111320,#08090f);box-shadow:0 20px 40px rgba(18,20,30,.23)}
.button-primary:hover{box-shadow:0 22px 48px rgba(18,20,30,.30)}
.button-secondary{background:rgba(255,255,255,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(20,24,40,.09);color:#171926}
.site-header{background:rgba(245,245,251,.68);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.35)}
.site-header.scrolled{background:rgba(247,247,252,.84);box-shadow:0 12px 35px rgba(41,46,75,.08)}
.desktop-nav a,.footer-small,.hero-bottom,.eyebrow,.small-label{letter-spacing:.16em}
.mobile-nav{background:rgba(238,239,248,.92)}
.mobile-nav>a{font-size:clamp(26px,5vw,40px)}
.mobile-nav>a span{display:none}

.home-hero{padding:42px 0 28px;background:transparent;overflow:visible}
.hero-frame{position:relative}
.hero-shell{position:relative;overflow:hidden;border-radius:38px;padding:0;min-height:690px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(245,245,252,.78));border:1px solid rgba(255,255,255,.72);box-shadow:0 42px 110px rgba(75,81,120,.17), inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero-shell::before{content:"";position:absolute;inset:-20% 30% auto -15%;height:66%;background:radial-gradient(circle,rgba(255,255,255,.85),transparent 60%);pointer-events:none;filter:blur(10px)}
.hero-shell::after{content:"";position:absolute;inset:auto -12% -15% 45%;height:65%;background:radial-gradient(circle,rgba(192,198,246,.34),transparent 65%);pointer-events:none;filter:blur(18px)}
.hero-ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(28px);opacity:.9}
.ambient-1{width:240px;height:240px;left:-30px;top:90px;background:radial-gradient(circle,rgba(255,255,255,.78),transparent 72%)}
.ambient-2{width:300px;height:300px;right:3%;top:40px;background:radial-gradient(circle,rgba(206,202,244,.52),transparent 72%)}
.home-hero-inner{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:24px;align-items:center;min-height:690px;padding:54px 56px 44px}
.hero-copy{padding:0 0 0 2px}
.hero-kicker{font:700 12px/1.4 var(--font-body);letter-spacing:.28em;color:#878aa3;text-transform:uppercase;margin:22px 0 0}
.home-hero h1{font-size:clamp(56px,5.1vw,84px);line-height:1.03;letter-spacing:-.075em;max-width:700px;margin:18px 0 24px;color:#11131f}
.gradient-word{background:linear-gradient(120deg,#111320,#595d7f 48%,#9a97bc 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:610px;font-size:17px;line-height:1.9;color:#65697e}
.hero-buttons{margin-top:34px;gap:14px}
.hero-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:46px;align-items:stretch}
.hero-meta-item{min-width:220px;flex:1;padding:16px 18px;border-radius:24px;background:rgba(255,255,255,.44);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.62);box-shadow:0 18px 40px rgba(90,97,146,.08)}
.hero-meta-title{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#8b90aa;margin-bottom:6px}
.hero-meta-item span:last-child{display:block;font-size:14px;line-height:1.6;color:#3b4055}
.hero-aside-mark{display:none}
.hero-liquid-stage{position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-height:570px}
.liquid-stage-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(28px)}
.glow-main{width:540px;height:540px;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(233,235,249,.74) 45%,rgba(211,211,234,.26) 70%,transparent 76%);animation:auraFloat 6s ease-in-out infinite}
.glow-secondary{width:670px;height:430px;background:radial-gradient(circle,rgba(200,198,232,.36),transparent 70%);transform:translate(14px,24px);animation:auraFloat 8s ease-in-out infinite reverse}
.liquid-orb-wrap{position:relative;width:min(100%,530px);height:530px;display:grid;place-items:center;--mx:0px;--my:0px}
.orb-badge{position:absolute;padding:11px 18px;border-radius:999px;background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 35px rgba(83,88,129,.11);font-size:11px;font-weight:800;letter-spacing:.18em;color:#70748e;text-transform:uppercase}
.orb-badge-top{top:32px;left:12px}
.orb-badge-bottom{right:0;bottom:34px}
.liquid-orb{position:relative;display:grid;place-items:center;width:350px;height:400px;border-radius:44% 56% 48% 52% / 41% 43% 57% 59%;background:
 radial-gradient(circle at 26% 22%, rgba(255,255,255,.98) 0 10%, rgba(255,255,255,.63) 11%, rgba(240,243,255,.38) 24%, rgba(218,223,245,.27) 42%, rgba(204,210,236,.18) 62%, rgba(192,200,232,.10) 78%, rgba(255,255,255,.06) 100%),
 linear-gradient(150deg, rgba(255,255,255,.82), rgba(222,226,246,.42) 42%, rgba(181,189,224,.22) 70%, rgba(255,255,255,.44));
 border:1px solid rgba(255,255,255,.68);
 box-shadow: inset 0 0 0 1px rgba(255,255,255,.32), inset -32px -38px 58px rgba(182,192,227,.17), inset 26px 34px 46px rgba(255,255,255,.78), 0 42px 90px rgba(94,100,148,.23), 0 0 48px rgba(255,255,255,.42);
 transform:rotate(10deg) translate3d(var(--mx), var(--my), 0);
 animation:liquidOrbMorph 9s ease-in-out infinite, liquidOrbFloat 8s ease-in-out infinite;
 overflow:visible;
}
.liquid-orb::before,.liquid-orb::after{content:"";position:absolute;border-radius:inherit;inset:5% 6%;border:1px solid rgba(255,255,255,.36);pointer-events:none}
.liquid-orb::after{inset:14% 18% 27% 12%;border-width:0;background:radial-gradient(circle at 32% 22%, rgba(255,255,255,.78), transparent 40%);filter:blur(4px)}
.liquid-orb-core{position:absolute;display:grid;place-items:center;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 45% 35%,rgba(255,255,255,.2),transparent 40%),rgba(255,255,255,.08);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.liquid-star{font-family:var(--font-heading);font-size:74px;line-height:1;color:#111320;text-shadow:0 4px 18px rgba(17,19,32,.10);transform:translateY(-3px) rotate(-5deg)}
.liquid-reflection{position:absolute;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,0));filter:blur(.3px);pointer-events:none}
.reflection-a{width:78px;height:176px;left:56px;top:44px;transform:rotate(16deg);opacity:.78}
.reflection-b{width:44px;height:126px;right:70px;top:54px;transform:rotate(-24deg);opacity:.7}
.reflection-c{width:148px;height:54px;left:72px;bottom:78px;transform:rotate(-8deg);opacity:.52}
.liquid-ripple{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.38);pointer-events:none;animation:ripplePulse 5.6s ease-out infinite}
.ripple-a{width:410px;height:410px}
.ripple-b{width:470px;height:470px;animation-delay:1.3s;opacity:.6}
.liquid-splash{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.92),rgba(228,231,249,.76) 40%,rgba(210,215,241,.15) 74%,transparent 76%);border:1px solid rgba(255,255,255,.62);box-shadow:0 14px 30px rgba(95,101,152,.14);animation:splashFloat 5.8s ease-in-out infinite}
.splash-1{width:32px;height:32px;right:110px;top:88px;animation-delay:-.8s}
.splash-2{width:18px;height:18px;right:86px;top:135px;animation-delay:-1.7s}
.splash-3{width:26px;height:26px;left:88px;bottom:110px;animation-delay:-2.5s}
.splash-4{width:15px;height:15px;left:130px;bottom:84px;animation-delay:-1.2s}
.intro-band{background:transparent;padding-top:0}
.intro-band-inner{border-radius:999px;border:1px solid rgba(255,255,255,.52);background:rgba(255,255,255,.54);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 38px rgba(84,90,130,.09)}
.service-card,.quiet-block,.project-card,.process-step,.detail-step,.contact-form-panel,.privacy-card,.faq-item,.detail-step,.demo-note-strip,.contact-cta-inner{border:1px solid rgba(255,255,255,.58);background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(248,248,252,.92));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 24px 60px rgba(83,87,124,.09)}
.service-card:hover,.project-card:hover,.process-step:hover,.detail-step:hover,.faq-item:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(66,70,110,.14),0 0 36px rgba(255,255,255,.32)}
.section-heading h2,.studio-text h2,.contact-cta h2,.faq-section h2,.detail-intro h2,.contact-form-panel h2,.contact-information h2{letter-spacing:-.07em}
.process-number,.service-index{font-variant-numeric:tabular-nums;font-size:12px;color:#7f85a0}
.process-line,.scene-orbit,.scene-spark,.cta-orbit{display:none !important}
.hero-bottom{display:none}
.text-link,.footer-contact{position:relative}
.text-link::after,.footer-contact::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:currentColor;opacity:.35;transform:scaleX(.25);transform-origin:left;transition:transform .3s var(--ease),opacity .3s}
.text-link:hover::after,.footer-contact:hover::after{transform:scaleX(1);opacity:.7}
.faq-item summary,.service-card-content h3,.project-card h3,.detail-use h3,.detail-step h3{color:#141624}

@keyframes liquidOrbMorph{
 0%,100%{border-radius:44% 56% 48% 52% / 41% 43% 57% 59%}
 30%{border-radius:53% 47% 56% 44% / 52% 37% 63% 48%}
 60%{border-radius:45% 55% 40% 60% / 38% 58% 42% 62%}
}
@keyframes liquidOrbFloat{0%,100%{transform:rotate(10deg) translate3d(var(--mx),var(--my),0)}50%{transform:rotate(5deg) translate3d(calc(var(--mx) + 0px),calc(var(--my) - 14px),0)}}
@keyframes auraFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(0,-10px) scale(1.03)}}
@keyframes splashFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.08)}}
@keyframes ripplePulse{0%{transform:scale(.88);opacity:0}20%{opacity:.52}100%{transform:scale(1.1);opacity:0}}

@media (max-width: 1160px){
 .home-hero-inner{padding:48px 42px 40px;grid-template-columns:minmax(0,1fr) minmax(350px,.92fr)}
 .liquid-orb-wrap{height:480px}.liquid-orb{width:315px;height:362px}
}
@media (max-width: 990px){
 .home-hero{padding-top:24px}.hero-shell{border-radius:30px}.home-hero-inner{grid-template-columns:1fr;gap:4px;min-height:auto;padding:42px 28px 30px}.hero-copy{padding-top:8px}.hero-liquid-stage{min-height:430px;padding:20px 0 6px}.liquid-orb-wrap{width:100%;height:420px}.liquid-orb{width:280px;height:320px}.orb-badge-top{top:12px;left:6px}.orb-badge-bottom{right:10px;bottom:8px}.hero-meta{margin-top:28px}.hero-meta-item{min-width:0}.button{padding:13px 18px}.service-grid,.directory-list>.container{grid-template-columns:1fr}
 .service-card:last-child,.directory-list .service-card:last-child{grid-column:span 1;min-height:480px}
 .service-card:last-child .service-card-art,.directory-list .service-card:last-child .service-card-art{position:relative;left:auto;right:auto;top:auto;bottom:auto;min-height:185px}
 .service-card:last-child .service-card-content,.directory-list .service-card:last-child .service-card-content{max-width:none}
}
@media (max-width: 700px){
 .container{width:min(var(--max),calc(100% - 32px))}
 .site-header{background:rgba(247,247,251,.8)}
 .header-inner{min-height:72px}.brand{font-size:18px;letter-spacing:.16em}.brand img{width:32px;height:32px}
 .home-hero h1{font-size:clamp(42px,10.2vw,58px);line-height:1.03}.hero-kicker{font-size:11px;letter-spacing:.2em}.hero-lead{font-size:15px;line-height:1.78}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .button{width:100%}.hero-meta{display:grid;grid-template-columns:1fr}.hero-liquid-stage{min-height:360px}.liquid-orb-wrap{height:355px}.liquid-orb{width:236px;height:276px}.liquid-star{font-size:56px}.orb-badge{font-size:10px;padding:10px 14px}.orb-badge-top{top:0;left:0}.orb-badge-bottom{right:0;bottom:0}.glow-main{width:360px;height:360px}.glow-secondary{width:430px;height:280px}
 .section-pad{padding:72px 0}.intro-band-inner{padding:16px 18px;gap:10px;flex-wrap:wrap;justify-content:center;text-align:center}.section-heading,.detail-intro-grid,.work-grid,.process-grid,.studio-layout,.faq-layout,.contact-page-grid,.detail-step-grid,.other-grid{grid-template-columns:1fr}.process-step{min-height:unset}.process-step h3{margin-top:28px}.service-card,.service-card:nth-child(4),.service-card:nth-child(5),.directory-list .service-card,.directory-list .service-card:nth-child(n+4){min-height:470px}.service-card-art{min-height:190px}.service-card-content{padding-bottom:0}
}

.service-index{font-weight:800;letter-spacing:.14em}
.process-number{font-weight:800}

/* SIRIUS / Видео-референс: один неподвижный фиолетовый фон, без облаков и пузырей.
   Движение шара взято непосредственно из предоставленного видео.
   Текст — отдельные доступные HTML-элементы, не встроенные в видео. */
.home-page .home-hero{
  padding:34px 0 46px;
  background:#f5f4fa;
  overflow:visible;
}
.home-page .hero-shell{
  min-height:620px;
  background:#d5cfec;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.66);
  box-shadow:0 34px 88px rgba(85,79,141,.15);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.home-page .hero-shell::before,
.home-page .hero-shell::after{
  display:block;
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.58);
  border-radius:33px;
  box-shadow:inset 0 0 0 1px rgba(192,186,224,.14);
  pointer-events:none;
  z-index:4;
  background:none;
}
.home-page .home-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,1.10fr) minmax(350px,.90fr);
  gap:12px;
  padding:68px clamp(32px,5.5vw,76px) 65px;
  min-height:620px;
  align-items:center;
}
.home-page .hero-copy{padding:0;z-index:2}
.home-page .hero-kicker{
  display:flex;align-items:center;gap:12px;
  margin:0 0 28px;
  color:#6e678c;
  font:700 11px/1.5 var(--font-body);
  letter-spacing:.11em;
}
.home-page .hero-kicker-line{
  display:inline-block;flex:none;
  width:23px;height:1px;background:#8a82ad;
}
.home-page .home-hero h1{
  max-width:690px;
  margin:0 0 26px;
  font-size:clamp(37px,3.6vw,53px);
  line-height:1.15;
  letter-spacing:-.066em;
  font-weight:650;
  color:#1c1a2c;
}
.home-page .hero-lead{
  max-width:540px;
  color:#524d69;
  margin:0;
  font-size:clamp(14px,1.06vw,16px);
  line-height:1.8;
}
.home-page .hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.home-page .hero-learn-more{
  border-radius:999px;
  background:#211c31;
  color:#fff;
  border-color:#211c31;
  box-shadow:0 12px 26px rgba(47,35,83,.18);
}
.home-page .hero-learn-more:hover{background:#40345f;border-color:#40345f}
.home-page .hero-discuss{
  background:rgba(255,255,255,.26);
  border:1px solid rgba(66,52,96,.24);
  color:#252137;
  border-radius:999px;
}
.home-page .hero-discuss:hover{background:rgba(255,255,255,.60)}
.home-page .hero-liquid-stage{
  min-height:400px;
  width:100%;
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.home-page .orb-motion{
  position:relative;
  width:min(100%,510px);
  aspect-ratio:945 / 1080;
  display:grid;
  place-items:center;
  /* The animation already has a transparency matte. No CSS highlights or shadows. */
  background:transparent;
  box-shadow:none;
  filter:none;
  isolation:isolate;
}
.home-page .orb-motion-video,
.home-page .orb-motion-image,
.home-page .orb-motion-still{
  position:absolute;
  inset:0;
  display:block;
  width:100%;height:100%;
  object-fit:contain;
  pointer-events:none;
  filter:none;
  box-shadow:none;
  background:transparent;
}
.home-page .orb-motion-video{z-index:2}
.home-page .orb-motion-image,.home-page .orb-motion-still{display:none}
.home-page .orb-motion.no-video .orb-motion-video{display:none}
.home-page .orb-motion.no-video .orb-motion-image{display:block;z-index:2}
@media (max-width:1160px){
  .home-page .home-hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);
    padding:56px 38px;
  }
  .home-page .home-hero h1{font-size:clamp(36px,4.4vw,52px)}
}
@media (max-width:900px){
  .home-page .hero-shell{min-height:unset}
  .home-page .hero-shell::after{border-radius:33px}
  .home-page .home-hero-inner{
    grid-template-columns:1fr;
    padding:50px 36px 20px;
    gap:0;
    min-height:0;
  }
  .home-page .hero-liquid-stage{min-height:340px;max-width:440px;margin-inline:auto}
  .home-page .orb-motion{max-width:430px}
  .home-page .home-hero h1{font-size:clamp(40px,6.6vw,62px)}
}
@media (max-width:550px){
  .home-page .home-hero{padding-top:14px;padding-bottom:30px}
  .home-page .hero-shell{border-radius:23px}
  .home-page .home-hero-inner{padding:35px 23px 12px}
  .home-page .hero-kicker{font-size:9px;letter-spacing:.065em;gap:8px;margin-bottom:22px}
  .home-page .hero-kicker-line{width:15px}
  .home-page .home-hero h1{font-size:clamp(34px,8.6vw,46px);letter-spacing:-.061em;margin-bottom:18px}
  .home-page .hero-lead{font-size:13px;line-height:1.7}
  .home-page .hero-buttons{flex-direction:row;gap:9px;margin-top:23px}
  .home-page .hero-buttons .button{width:auto;flex:1 1 140px;justify-content:center;font-size:11px;padding:12px 12px}
  .home-page .hero-liquid-stage{min-height:260px}
  .home-page .orb-motion{max-width:320px}
}
@media (prefers-reduced-motion: reduce){
  .home-page .orb-motion-video,
  .home-page .orb-motion-image{display:none!important}
  .home-page .orb-motion-still{display:block!important}
}

/* ========================================================
   SIRIUS / 2026-10-15 / header + first-screen refinement
   The original VP9/WebP/PNG orb is NOT changed or filtered.
   Atmosphere is a separate background-only, CSS-only layer.
   ======================================================== */

/* Glass navigation, consistently shared by all nine pages. */
.site-header,
.site-header.scrolled {
  padding:14px 0 0;
  border:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.site-header .header-inner {
  width:min(1200px,calc(100% - 72px));
  min-height:74px;
  padding:9px 21px 9px 29px;
  gap:22px;
  border:1px solid rgba(255,255,255,.77);
  border-radius:28px;
  background:rgba(255,255,255,.50);
  box-shadow:0 8px 40px rgba(81,71,143,.065),inset 0 1px 0 rgba(255,255,255,.48);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  transition:background-color .22s ease,box-shadow .22s ease;
}
.site-header.scrolled .header-inner {
  background:rgba(251,250,255,.91);
  box-shadow:0 13px 35px rgba(58,48,105,.12),inset 0 1px 0 rgba(255,255,255,.85);
}
.site-header .brand {
  gap:13px;
  font-size:23px;
  color:#19152a;
  letter-spacing:.285em;
  font-weight:800;
}
.site-header .brand img{width:33px;height:33px}
.site-header .brand-descriptor {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-self:center;
  padding-left:20px;
  margin-left:-6px;
  min-height:33px;
  border-left:1px solid rgba(95,82,144,.22);
  color:#81799e;
  font:800 8px/1.48 var(--font-body);
  letter-spacing:.075em;
  white-space:nowrap;
}
.site-header .desktop-nav {gap:clamp(19px,2.9vw,39px);margin-left:auto}
.site-header .desktop-nav a {
  color:#504a69;
  font-weight:600;
  font-size:13px;
  letter-spacing:0;
}
.site-header .desktop-nav a[href="services.html"] {display:inline-flex;align-items:center;gap:11px}
.site-header .desktop-nav a[href="services.html"]::before {
  content:"";
  width:7px;height:7px;
  border-right:1.5px solid #847ba8;
  border-bottom:1.5px solid #847ba8;
  transform:rotate(45deg) translateY(-2px);
  order:2;
}
.site-header .desktop-nav a:hover{color:#211b3b}
.site-header .header-actions>.button {
  min-height:52px;
  padding:12px 23px;
  gap:18px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(120deg,#312645,#161022);
  box-shadow:0 8px 20px rgba(37,24,70,.20);
  font-size:13px;
}
.site-header .header-actions>.button::before,
.site-header .header-actions>.button::after{display:none}
.site-header .header-actions>.button:hover {background:linear-gradient(120deg,#45325e,#251839);box-shadow:0 10px 26px rgba(44,28,83,.27)}
.site-header .header-actions>.button:hover .icon{transform:translateX(4px)}
.site-header .nav-toggle{flex-shrink:0}

/* Keep the existing lavender surface; add depth *within* its bounds. */
.home-page .home-hero {
  padding:18px 0 26px;
  background:transparent;
}
.home-page .hero-frame {width:min(1210px,calc(100% - 70px))}
.home-page .hero-shell {
  min-height:570px;
  /* The card fades into the shared background instead of ending in a hard rounded edge. */
  overflow:visible;
  border-radius:33px 33px 0 0;
  border:0;
  background:linear-gradient(180deg,
    #cfc7ea 0%,
    rgba(207,199,234,.995) 24%,
    rgba(205,198,232,.93) 42%,
    rgba(204,197,232,.74) 56%,
    rgba(202,196,231,.44) 68%,
    rgba(201,196,231,.18) 79%,
    rgba(201,196,231,0) 89%);
  box-shadow:none;
  isolation:isolate;
}
.home-page .hero-shell::before {
  display:block;
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 50% 72% at 71% 52%,rgba(249,246,255,.18),transparent 76%),
    radial-gradient(ellipse 48% 54% at 8% 80%,rgba(237,231,255,.17),transparent 83%),
    radial-gradient(ellipse 38% 30% at 53% 5%,rgba(255,255,255,.10),transparent 82%);
  border-radius:33px 33px 0 0;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 49%,rgba(0,0,0,.78) 69%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 49%,rgba(0,0,0,.78) 69%,transparent 100%);
  pointer-events:none;
  z-index:0;
}
.home-page .hero-shell::after{
  display:block;
  content:"";
  position:absolute;
  inset:0;
  /* No drawn outline: shape defined solely by a gently darker surface. */
  display:none;
  height:auto;
  width:auto;
  border:0;
  box-shadow:none;
  filter:none;
  pointer-events:none;
  z-index:4;
  background:none;
}
.home-page .home-hero-inner {
  position:relative;
  z-index:2;
  min-height:568px;
  padding:72px 44px 57px;
  grid-template-columns:minmax(0,1.13fr) minmax(330px,.87fr);
  align-items:center;
  gap:0;
}
.home-page .hero-copy{position:relative;z-index:3;min-width:0;padding:0}
.home-page .hero-kicker {margin:0 0 37px;color:#777096;font-size:11px;letter-spacing:.13em;gap:12px}
.home-page .hero-kicker-line{width:27px;background:#9891bd}
.home-page .home-hero h1 {
  position:relative;
  width:min(725px,calc(100vw - 132px));
  max-width:none;
  margin:0 0 25px;
  color:#191527;
  font-size:clamp(42px,4.12vw,56px);
  font-weight:700;
  line-height:1.13;
  letter-spacing:-.069em;
  text-wrap:pretty;
}
.home-page .hero-lead {
  max-width:630px;
  width:min(630px,calc(100vw - 132px));
  margin:0;
  color:#675f82;
  font-size:clamp(14px,1.25vw,16px);
  line-height:1.73;
}
.home-page .hero-buttons{gap:12px;margin-top:31px}
.home-page .hero-buttons .button {
  min-height:63px;
  padding:15px 27px;
  gap:27px;
  font-size:14px;
  border-radius:999px;
}
.home-page .hero-learn-more{
  background:linear-gradient(120deg,#29203e,#161023);
  border-color:rgba(48,37,74,.45);
  box-shadow:0 11px 24px rgba(34,21,70,.20);
}
.home-page .hero-learn-more:hover{background:linear-gradient(120deg,#3b2b59,#241737);border-color:#3b2b59;box-shadow:0 0 0 3px rgba(255,255,255,.10),0 12px 29px rgba(50,32,89,.25)}
.home-page .hero-discuss{
  background:rgba(253,251,255,.58);
  border-color:rgba(255,255,255,.56);
  box-shadow:0 8px 23px rgba(71,56,126,.08);
}
.home-page .hero-discuss:hover{background:rgba(255,255,255,.82);box-shadow:0 0 0 3px rgba(255,255,255,.14),0 12px 26px rgba(73,58,123,.11)}
.home-page .hero-buttons .button::before,.home-page .hero-buttons .button::after{display:none}
.home-page .hero-buttons .button:hover{transform:none}
.home-page .hero-buttons .button:hover .icon{transform:translateX(4px)}
.site-header .button,
.home-page .hero-buttons .button {
  transition:background-color .20s ease,border-color .20s ease,box-shadow .20s ease,transform .20s ease;
}
.site-header .button .icon,
.home-page .hero-buttons .button .icon{transition:transform .20s ease}
.site-header .button:active,.home-page .hero-buttons .button:active{transform:scale(.98)}
.home-page .hero-liquid-stage {
  position:relative;
  z-index:2;
  height:440px;
  min-height:440px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.home-page .orb-motion {
  position:absolute;
  top:50%;left:50%;
  flex:0 0 auto;
  width:min(100%,445px);
  aspect-ratio:945 / 1080;
  transform:translate(calc(-50% + 17px),calc(-50% + 20px));
  filter:none;
  background:none;
  box-shadow:none;
}
/* The original animation/video itself stays pixel-identical. */
.home-page .hero-copy,.home-page .hero-liquid-stage {
  opacity:1!important;
  animation:none!important;
  transition:none!important;
}

/* Minimal orbit and five small, breathing stars; never overlay the orb/video. */
.home-page .hero-atmosphere {
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  /* Keep decorative lines strictly inside the hero frame.
     The track may reach the lower edge, but must not escape the rounded sides/top. */
  overflow:hidden;
  border-radius:inherit;
  -webkit-mask-image:none;
  mask-image:none;
  clip-path:inset(0 0 0 0 round 33px 33px 0 0);
}
.home-page .hero-orbit {
  position:absolute;
  width:40%;height:76%;
  right:-.5%;top:12.5%;
  border:1px solid rgba(255,255,255,.58);
  border-radius:50%;
  transform:rotate(-23deg);
  box-shadow:0 0 12px rgba(255,255,255,.13);
  animation:heroOrbitGlide 17s ease-in-out infinite;
}
.home-page .orbit-bead {
  position:absolute;width:15px;height:15px;border-radius:50%;
  background:radial-gradient(circle at 30% 29%,#fff 2%,#f6f1ff 20%,#cdc5ef 55%,rgba(178,164,224,.34) 80%);
  box-shadow:0 0 11px rgba(255,255,255,.67);
}
.home-page .orbit-bead-a{top:1%;left:44%}
.home-page .orbit-bead-b{bottom:8%;right:4%;width:21px;height:21px}
.home-page .hero-star {
  position:absolute;
  width:31px;height:31px;
  opacity:.74;
  background:radial-gradient(circle,rgba(255,255,255,1) 0 8%,rgba(255,255,255,.62) 16%,transparent 67%);
  animation:heroStarTwinkle 6.8s ease-in-out infinite;
}
.home-page .hero-star::before,.home-page .hero-star::after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.94),transparent);
}
.home-page .hero-star::before{width:100%;height:2px}
.home-page .hero-star::after{width:2px;height:100%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.95),transparent)}
.home-page .hero-star-a{left:61%;top:5.5%;width:44px;height:44px;animation-delay:-1.1s}
.home-page .hero-star-b{right:5.5%;top:17%;width:29px;height:29px;animation-delay:-4.5s}
.home-page .hero-star-c{left:55.4%;bottom:15%;width:30px;height:30px;animation-delay:-2.8s}
.home-page .hero-star-d{right:2.6%;bottom:14%;width:14px;height:14px;animation-delay:-5.5s;opacity:.60}
.home-page .hero-star-e{left:50%;bottom:6%;width:14px;height:14px;animation-delay:-3.6s;opacity:.50}
.home-page .hero-spark-point{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 11px rgba(255,255,255,.7);opacity:.85}
.home-page .hero-spark-point-a{left:53%;top:16%}
.home-page .hero-spark-point-b{right:7%;top:41%}
.home-page .hero-spark-point-c{left:60%;bottom:10%}
@keyframes heroStarTwinkle{
  0%,100%{opacity:.44;transform:scale(.92)}
  50%{opacity:.85;transform:scale(1.07)}
}
@keyframes heroOrbitGlide{
  0%,100%{transform:translate3d(0,0,0) rotate(-23deg)}
  50%{transform:translate3d(-6px,4px,0) rotate(-22deg)}
}

@media (max-width:1160px){
  .site-header .header-inner{gap:14px;padding-inline:19px}
  .site-header .brand-descriptor{font-size:7px;padding-left:13px}
  .site-header .desktop-nav{gap:19px}
  .site-header .header-actions>.button{padding-inline:17px;gap:11px}
  .home-page .hero-frame{width:min(1210px,calc(100% - 56px))}
  .home-page .home-hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);padding:58px 36px 51px}
  .home-page .home-hero h1{font-size:clamp(38px,4.25vw,49px);width:min(640px,calc(100vw - 112px))}
  .home-page .hero-lead{width:100%;max-width:490px}
  .home-page .orb-motion{max-width:405px;transform:translate(calc(-50% + 9px),calc(-50% + 13px))}
}
@media (max-width:990px){
  .site-header{padding-top:11px}
  .site-header .header-inner{width:calc(100% - 42px);min-height:68px;border-radius:24px;padding:9px 19px}
  .site-header .brand{font-size:21px}
  .site-header .nav-toggle{display:flex;border-color:rgba(133,118,166,.24);background:rgba(255,255,255,.50)}
  .site-header .mobile-nav{
    top:88px;left:21px;right:21px;
    height:calc(100dvh - 100px);
    border:1px solid rgba(255,255,255,.70);
    border-radius:24px;
    background:rgba(250,248,255,.97);
    box-shadow:0 20px 65px rgba(40,30,77,.16);
  }
  .home-page .home-hero-inner{grid-template-columns:1fr;gap:0;min-height:0;padding:52px 40px 26px}
  .home-page .hero-shell{min-height:unset}
  .home-page .hero-shell::after{border-radius:33px}
  .home-page .hero-copy{z-index:3}
  .home-page .hero-kicker{margin-bottom:28px}
  .home-page .home-hero h1{font-size:clamp(41px,6vw,58px);width:100%;max-width:770px}
  .home-page .hero-lead{width:100%;max-width:680px}
  .home-page .hero-liquid-stage{height:425px;min-height:425px;margin-inline:auto;width:100%;max-width:420px}
  .home-page .orb-motion{max-width:355px;transform:translate(-50%,-50%)}
  .home-page .hero-orbit{width:84%;height:45%;right:7%;top:51%;transform:rotate(-22deg)}
}
@media (max-width:700px){
  .site-header{padding-top:10px}
  .site-header .header-inner{width:calc(100% - 30px);min-height:62px;border-radius:21px;padding:8px 14px}
  .site-header .brand{font-size:18px;gap:9px;letter-spacing:.22em}
  .site-header .brand img{width:29px;height:29px}
  .site-header .brand-descriptor{font-size:6px;padding-left:9px;margin-left:-3px;min-height:27px}
  .site-header .header-actions>.button{display:none}
  .site-header .mobile-nav{top:77px;left:15px;right:15px;height:calc(100dvh - 87px);padding:22px 25px 32px}
  .home-page .home-hero{padding-top:15px;padding-bottom:25px}
  .home-page .hero-frame{width:calc(100% - 30px)}
  .home-page .hero-shell{border-radius:25px 25px 0 0}
  .home-page .hero-shell::after{display:none}
  .home-page .hero-atmosphere{clip-path:inset(0 0 0 0 round 25px 25px 0 0)}
  .home-page .home-hero-inner{padding:36px 24px 18px}
  .home-page .hero-kicker{font-size:9px;letter-spacing:.07em;margin-bottom:23px;gap:9px}
  .home-page .hero-kicker-line{width:17px}
  .home-page .home-hero h1{font-size:clamp(32px,7.75vw,49px);line-height:1.11;letter-spacing:-.065em;margin-bottom:19px}
  .home-page .hero-lead{font-size:13px;line-height:1.74}
  .home-page .hero-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:26px}
  .home-page .hero-buttons .button{min-height:53px;width:100%;padding:12px 12px;gap:8px;font-size:11px;white-space:normal}
  .home-page .hero-liquid-stage{height:322px;min-height:322px;max-width:335px;margin-top:6px}
  .home-page .orb-motion{max-width:285px}
  .home-page .hero-orbit{width:111%;height:40%;right:-13%;top:59%;opacity:.56}
  .home-page .hero-star-a{left:78%;top:5%}
  .home-page .hero-star-b{top:56%;right:9%}
  .home-page .hero-star-c{left:8%;bottom:15%}
  .home-page .hero-star-d,.home-page .hero-star-e{display:none}
}
@media (max-width:390px){
  .site-header .brand-descriptor{display:none}
  .home-page .home-hero-inner{padding:32px 21px 15px}
  .home-page .home-hero h1{font-size:31px}
  .home-page .hero-buttons .button{font-size:10px;padding-inline:9px}
}
@media (prefers-reduced-motion:reduce){
  .home-page .hero-orbit,.home-page .hero-star{animation:none!important}
  .home-page .hero-orbit{transform:rotate(-23deg)}
  .home-page .hero-star{opacity:.72;transform:none}
}

/* === SIRIUS orbit / 2026-10-15 v2 — hand-drawn tilted elliptical track ===
   The SVG decorative layer sits UNDER the original glass orb video.
   It has no click targets and uses GPU-friendly subtle transforms. */
.home-page .hero-atmosphere{z-index:3;isolation:isolate}
.home-page .hero-orbit-svg{
  position:absolute;inset:0;width:100%;height:100%;
  display:block;overflow:visible;pointer-events:none;
  opacity:.98;
}
.home-page .hero-orbit-track-soft{opacity:1}
.home-page .hero-orbit-track-highlight{opacity:1}
.home-page .hero-orbit-track-crisp{filter:drop-shadow(0 0 2px rgba(255,255,255,.24))}

.home-page .hero-orbit-svg--mobile{display:none}
.home-page .hero-orbit-geometry{transform-origin:75% 50%;animation:orbitBreathe 15s ease-in-out infinite}
.home-page .hero-orbit-glimmer{opacity:.72;animation:orbitTravel 40s linear infinite}
.home-page .hero-orbit-still-beads{display:none}
@keyframes orbitBreathe{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-2px,2px,0)}
}
@keyframes orbitTravel{
  from{stroke-dashoffset:0;opacity:.3}
  50%{opacity:.63}
  to{stroke-dashoffset:-2242;opacity:.3}
}
/* The video already has generous transparent borders; enlarge the *element*
   without cropping a single video pixel or altering its timing. */
@media(min-width:991px){
 .home-page .orb-motion{width:525px;max-width:none;transform:translate(calc(-50% + 17px),calc(-50% + 20px))}
}
@media(min-width:991px) and (max-width:1160px){
 .home-page .orb-motion{width:485px;transform:translate(calc(-50% + 9px),calc(-50% + 13px))}
}
@media(max-width:990px){
 .home-page .hero-orbit-svg--desktop{display:none}
 .home-page .hero-orbit-svg--mobile{
   display:block;inset:auto auto 12px 50%;
   transform:translateX(-50%);
   width:min(590px,102%);height:470px;
 }
 .home-page .hero-orbit-geometry{transform-origin:50% 50%}
 .home-page .orb-motion{width:400px;max-width:none;transform:translate(-50%,-50%)}
}
@media(max-width:700px){
 .home-page .hero-orbit-svg--mobile{width:min(430px,118%);height:372px;bottom:8px}
 .home-page .orb-motion{width:318px}
}
@media(max-width:390px){
 .home-page .hero-orbit-svg--mobile{width:116%;height:344px;bottom:10px}
 .home-page .orb-motion{width:305px}
}
@media(prefers-reduced-motion:reduce){
 .home-page .hero-orbit-geometry,.home-page .hero-orbit-glimmer{animation:none!important}
 .home-page .hero-orbit-travelers{display:none!important}
 .home-page .hero-orbit-still-beads{display:block!important}
}

/* 2026-10-15 v4: only moving pearls in normal mode.
   The decorative orbit sits above the orb to keep the line visually continuous. */
.home-page .hero-orbit-still-beads{display:none}
.home-page .hero-orbit-travelers{opacity:1}
.home-page .hero-orbit-travelers--mobile circle{filter:drop-shadow(0 0 8px rgba(255,255,255,.38))}
.home-page .hero-orbit-svg{z-index:2}
.home-page .hero-star,.home-page .hero-spark-point{z-index:1}

/* =============================================================
   SIRIUS / Услуги — Soft Futuristic Premium (2026-10-15)
   Scoped to the homepage. All cards are visible from the start.
   ============================================================= */
/* Hero + services share ONE uninterrupted atmospheric background.
   There is deliberately no section-boundary color stop: the fade spans both sections.
   Scoped to the homepage so inner pages and the video orb stay untouched. */
.home-page .sirius-home-flow{
  position:relative;
  isolation:isolate;
  overflow:clip;
  background:
    radial-gradient(ellipse 70% 30% at 73% 22%,rgba(184,170,236,.26),transparent 92%),
    radial-gradient(ellipse 58% 27% at 11% 54%,rgba(204,194,245,.29),transparent 92%),
    radial-gradient(ellipse 55% 24% at 90% 70%,rgba(197,193,245,.18),transparent 94%),
    linear-gradient(180deg,#ddd7ef 0%,#e0dbf1 24%,#e6e2f5 45%,#ece9f8 64%,#f1f0fa 84%,#f5f6fc 100%);
}
.home-page .sirius-home-flow::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(ellipse 47% 18% at 49% 50%,rgba(255,255,255,.33),transparent 87%),
    radial-gradient(ellipse 24% 20% at 91% 48%,rgba(232,225,255,.39),transparent 94%);
}
.home-page .sirius-home-flow > .home-hero{
  position:relative;
  z-index:1;
  padding-bottom:0;
  background:transparent;
}
.home-page .sirius-home-flow > .home-hero::after{
  content:"";
  position:absolute;
  pointer-events:none;
  left:6%;right:6%;bottom:-116px;
  height:195px;
  z-index:0;
  background:radial-gradient(ellipse 70% 86% at 50% 0%,rgba(182,163,229,.20),rgba(208,194,244,.08) 48%,transparent 90%);
  filter:blur(28px);
}
.home-page .sirius-home-flow > .sirius-offerings{
  position:relative;
  z-index:1;
  background:transparent;
}
.sirius-offerings{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:59px 0 91px;
  background:transparent;
}
.sirius-offerings::before{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  inset:0 0 auto;
  height:440px;
  background:
    radial-gradient(ellipse 49% 72% at 91% 21%,rgba(189,178,255,.19),transparent 86%),
    linear-gradient(to bottom,rgba(225,219,246,.14),rgba(242,239,255,.09) 68%,transparent 100%);
  /* Without the transparent start this overlay makes a thin section-boundary stripe. */
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 27%,#000 78%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 27%,#000 78%,transparent 100%);
}
/* Small four-point details visually tie the lower edge of the hero to services. */
.sirius-offerings__bridge-stars{
  position:absolute;
  inset:0 0 auto;
  height:95px;
  pointer-events:none;
}
.sirius-offerings__bridge-star{
  position:absolute;
  width:12px;height:12px;
  opacity:.44;
  background:linear-gradient(155deg,rgba(255,255,255,.9),#a499e5);
  clip-path:polygon(50% 0,59% 42%,100% 50%,59% 58%,50% 100%,41% 58%,0 50%,41% 42%);
  filter:drop-shadow(0 0 4px rgba(153,134,230,.28));
}
.sirius-offerings__bridge-star--one{left:7.5%;top:17px;width:9px;height:9px}
.sirius-offerings__bridge-star--two{left:42%;top:20px;width:7px;height:7px;opacity:.37}
.sirius-offerings__bridge-star--three{right:22%;top:8px;width:11px;height:11px;animation:siriusBridgeTwinkle 14s ease-in-out infinite}
@keyframes siriusBridgeTwinkle{
  0%,42%,62%,100%{opacity:.34;transform:scale(1)}
  50%{opacity:.72;transform:scale(1.11)}
}
.sirius-offerings__container{position:relative;z-index:1}
.sirius-offerings__decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.sirius-offerings__orbit{
  position:absolute;
  display:block;
  width:min(690px,55vw);
  height:auto;
  right:1.5%;top:1px;
  opacity:1;
}
.sirius-offerings__star{
  position:absolute;
  width:38px;height:38px;
  filter:drop-shadow(0 0 10px rgba(137,116,255,.25));
  transform-origin:center;
}
.sirius-offerings__star--one{
  right:12%;top:81px;width:42px;height:42px;
  animation:siriusServiceTwinkle 10s ease-in-out infinite;
}
.sirius-offerings__star--two{right:7.2%;top:234px;width:26px;height:26px;animation:siriusServiceSoftTwinkle 13.5s ease-in-out -4.7s infinite}
@keyframes siriusServiceSoftTwinkle{
  0%,39%,68%,100%{opacity:.72;transform:scale(1);filter:drop-shadow(0 0 6px rgba(128,107,239,.18))}
  51%{opacity:.98;transform:scale(1.035);filter:drop-shadow(0 0 13px rgba(144,120,255,.46))}
}
.sirius-offerings__star--three{right:30.4%;top:201px;width:12px;height:12px;opacity:.48}
@keyframes siriusServiceTwinkle{
  0%,54%,82%,100%{opacity:.84;transform:scale(1);filter:drop-shadow(0 0 8px rgba(135,110,246,.22))}
  63%{opacity:1;transform:scale(1.075);filter:drop-shadow(0 0 17px rgba(142,115,255,.55))}
  69%{opacity:.82;transform:scale(1);filter:drop-shadow(0 0 7px rgba(135,110,246,.20))}
  74%{opacity:.98;transform:scale(1.04);filter:drop-shadow(0 0 14px rgba(142,115,255,.44))}
}
.sirius-offerings__header{
  position:relative;
  width:min(100%,830px);
  padding-left:clamp(0px,7vw,90px);
  margin-bottom:34px;
}
.sirius-offerings__eyebrow{
  display:flex;align-items:center;gap:12px;
  margin-bottom:18px;
  color:#777cb1;
  font-size:11px;font-weight:750;
  letter-spacing:.13em;line-height:1.5;
}
.sirius-offerings__eyebrow::before{
  content:"";display:block;flex:none;width:38px;height:2px;
  background:linear-gradient(90deg,#9382ff,#b2a8ff);
}
.sirius-offerings__header h2{
  color:#1d2039;
  font-family:var(--font-heading);
  font-size:clamp(37px,4.25vw,58px);
  font-weight:750;
  line-height:1.06;letter-spacing:-.062em;
  margin:0 0 16px;
  text-wrap:balance;
}
.sirius-offerings__header p{
  position:relative;
  max-width:615px;
  color:#676d96;
  font-size:clamp(14px,1.18vw,16px);
  font-weight:400;line-height:1.55;
  margin:0;
}
/* Visible on phones: cue that the five service cards can be swiped. */
.sirius-offerings__scroll-cue{display:none}
.sirius-offerings__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  gap:12px;
}
.sirius-offerings__card{
  position:relative;
  display:flex;flex-direction:column;
  min-width:0;min-height:323px;
  padding:17px 20px 18px;
  border:1px solid rgba(255,255,255,.95);
  border-radius:17px;
  background:linear-gradient(155deg,rgba(255,255,255,.64),rgba(255,255,255,.43));
  box-shadow:0 9px 25px rgba(125,116,181,.025),inset 0 0 0 1px rgba(190,185,246,.09);
  text-decoration:none;color:#25243a;
  cursor:pointer;
  transition:transform 225ms ease-out,box-shadow 225ms ease-out,border-color 225ms ease-out;
  -webkit-tap-highlight-color:transparent;
}
.sirius-offerings__illustration{
  width:100%;height:142px;
  display:flex;justify-content:center;align-items:center;
  margin-bottom:10px;
  flex-shrink:0;
}
.sirius-offerings__illustration img{
  display:block;width:100%;height:100%;max-width:245px;
  object-fit:contain;
}
.sirius-offerings__copy{min-width:0}
.sirius-offerings__copy h3{
  margin:0 0 5px;
  color:#25243b;
  font-family:var(--font-heading);
  font-weight:750;
  letter-spacing:-.04em;
  font-size:clamp(15.5px,1.38vw,19px);
  line-height:1.16;
}
.sirius-offerings__copy p{
  color:#73799c;
  font-size:clamp(12.5px,1.02vw,14px);
  line-height:1.42;
  margin:0;
}
.sirius-offerings__arrow{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;flex:0 0 40px;
  margin-top:auto;
  border-radius:50%;
  color:#4a3ac1;
  background:linear-gradient(135deg,#edeaff,#dedafd);
  transition:background 225ms ease-out,box-shadow 225ms ease-out,color 225ms ease-out;
}
.sirius-offerings__arrow svg{transition:transform 225ms ease-out;transform:translateX(0)}
@media (hover:hover){
  .sirius-offerings__card:hover{
    transform:translateY(-4px);
    border-color:rgba(167,150,247,.83);
    box-shadow:0 18px 37px rgba(110,100,179,.13),inset 0 0 0 1px rgba(200,186,255,.13);
  }
  .sirius-offerings__card:hover .sirius-offerings__arrow{
    background:#e0dafd;
    box-shadow:0 0 0 5px rgba(204,196,255,.23),0 5px 13px rgba(121,104,217,.15);
  }
  .sirius-offerings__card:hover .sirius-offerings__arrow svg{transform:translateX(4px)}
}
.sirius-offerings__card:focus-visible{
  outline:3px solid #7769df;
  outline-offset:4px;
  border-color:#a99df8;
  transform:translateY(-4px);
  box-shadow:0 18px 37px rgba(110,100,179,.15);
}
.sirius-offerings__card:focus-visible .sirius-offerings__arrow{
  background:#dcd5ff;box-shadow:0 0 0 4px rgba(171,154,255,.22)
}
.sirius-offerings__card:focus-visible .sirius-offerings__arrow svg{transform:translateX(4px)}
.sirius-offerings__card:active{transform:translateY(-1px)}

@media (max-width:1180px){
  .sirius-offerings{padding:68px 0 85px}
  .sirius-offerings__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
  .sirius-offerings__card{min-height:315px;padding:20px 21px}
  .sirius-offerings__illustration{height:153px}
  .sirius-offerings__copy h3{font-size:19px}
  .sirius-offerings__copy p{font-size:14px}
  .sirius-offerings__orbit{right:-8%;width:69vw;top:10px}
}
@media (max-width:850px){
  .sirius-offerings__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sirius-offerings__card{min-height:310px}
  .sirius-offerings__header{padding-left:20px;max-width:700px}
  .sirius-offerings__header h2{font-size:clamp(39px,6.1vw,53px)}
  .sirius-offerings__orbit{right:-23%;width:85vw;top:2px;opacity:.39}
  .sirius-offerings__star--one{right:7%;top:95px;width:30px;height:30px}
  .sirius-offerings__star--two{right:9%;top:238px}
}
@media (max-width:620px){
  .sirius-offerings{padding:56px 0 75px}
  .sirius-offerings__header{padding-left:0;margin-bottom:26px}
  .sirius-offerings__eyebrow{font-size:10px;gap:9px;margin-bottom:17px}
  .sirius-offerings__eyebrow::before{width:29px}
  .sirius-offerings__header h2{font-size:clamp(32px,8.7vw,45px);margin-bottom:16px;line-height:1.11}
  .sirius-offerings__header h2 br{display:none}
  .sirius-offerings__header p{font-size:14px;line-height:1.65}
  /* Mobile services are a native horizontal, snap-to-card carousel.
     A glimpse of the next card keeps the swipe gesture discoverable. */
  .sirius-offerings__grid{
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:clamp(256px,76vw,340px);
    align-items:stretch;
    gap:13px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:3px;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:4px 4px 16px;
    touch-action:pan-x pan-y;
  }
  .sirius-offerings__grid::-webkit-scrollbar{display:none}
  .sirius-offerings__card{
    min-width:0;
    min-height:308px;
    padding:17px 22px 19px;
    border-radius:18px;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .sirius-offerings__scroll-cue{
    display:flex;
    align-items:center;
    gap:10px;
    justify-content:flex-end;
    padding:0 7px 0 0;
    margin-top:0;
    font-size:10px;
    font-weight:700;
    letter-spacing:.10em;
    color:#8680b5;
    user-select:none;
  }
  .sirius-offerings__scroll-cue span:last-child{
    display:inline-grid;
    place-items:center;
    width:28px;
    height:28px;
    border-radius:50%;
    border:1px solid rgba(159,148,218,.34);
    color:#6c5ac3;
    font-size:18px;
    line-height:1;
    background:rgba(255,255,255,.32);
  }
  .sirius-offerings__illustration{height:145px;margin-bottom:7px}
  .sirius-offerings__illustration img{max-width:270px}
  .sirius-offerings__copy h3{font-size:19px;margin-bottom:5px}
  .sirius-offerings__copy p{font-size:14px;max-width:360px}
  .sirius-offerings__arrow{width:44px;height:44px;flex-basis:44px;margin-top:16px}
  .sirius-offerings__orbit{width:510px;right:-327px;top:10px;opacity:.22}
  .sirius-offerings__star--one{width:21px;height:21px;right:9%;top:30px;opacity:.66}
  .sirius-offerings__star--two{display:none}
  .sirius-offerings__star--three{top:177px;right:7%}
}
@media (prefers-reduced-motion:reduce){
  .sirius-offerings__card,.sirius-offerings__arrow,.sirius-offerings__arrow svg{transition:none!important}
  .sirius-offerings__star{animation:none!important}
}
/* Final proportions: closer to the supplied compact five-card composition. */
@media (min-width:1181px){
  .sirius-offerings{padding-top:48px;padding-bottom:70px}
  .sirius-offerings__eyebrow{margin-bottom:12px}
  .sirius-offerings__header h2{margin-bottom:12px}
  .sirius-offerings__header{margin-bottom:14px}
  .sirius-offerings__card{min-height:304px;padding:15px 18px 16px}
  .sirius-offerings__illustration{height:132px;margin-bottom:6px}
  .sirius-offerings__arrow{width:38px;height:38px;flex-basis:38px}
}
/* Center the incomplete last row on tablets, keeping every card the same width. */
@media (min-width:851px) and (max-width:1180px){
  .sirius-offerings__grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .sirius-offerings__card{grid-column:span 2}
  .sirius-offerings__card:nth-child(4){grid-column:2 / span 2}
  .sirius-offerings__card:nth-child(5){grid-column:4 / span 2}
}
@media (min-width:621px) and (max-width:850px){
  .sirius-offerings__card:last-child{
    grid-column:1 / -1;
    justify-self:center;
    width:calc((100% - 15px)/2);
  }
}

@media (max-width:620px){
  .sirius-offerings__bridge-star--one{left:5%;top:10px}
  .sirius-offerings__bridge-star--two{left:60%;top:15px}
  .sirius-offerings__bridge-star--three{right:9%;top:8px;width:9px;height:9px}
}
@media (prefers-reduced-motion:reduce){
  .sirius-offerings__bridge-star{animation:none!important}
}


/* 2026-10-15 · bottom edge of Services → Selected Works.
   The upper transition is unchanged. Two feathered glows start ABOVE the
   junction and dissolve BELOW it, so neither left nor right gets a hard cut.
   No wrappers, JavaScript or orb/offer card selectors are touched. */
.home-page .works-section{
  position:relative;
  isolation:isolate;
  background:#f5f7fc;
}
.home-page .works-section::before{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  top:-205px;
  left:0;
  right:0;
  height:660px;
  background:
    radial-gradient(ellipse 46% 56% at 4% 40%,rgba(206,194,250,.22),transparent 94%),
    radial-gradient(ellipse 43% 59% at 99% 36%,rgba(199,202,251,.22),transparent 93%),
    radial-gradient(ellipse 65% 50% at 51% 43%,rgba(231,223,255,.28),transparent 94%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 57%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 57%,transparent 100%);
}
.home-page .works-section > .container{
  position:relative;
  z-index:1;
}
@media(max-width:620px){
  .home-page .works-section::before{
    top:-175px;
    height:530px;
    background:
      radial-gradient(ellipse 93% 53% at 0% 43%,rgba(208,195,249,.24),transparent 96%),
      radial-gradient(ellipse 92% 57% at 100% 42%,rgba(202,204,251,.24),transparent 96%);
  }
}

/* 2026-10-15 · Soft hero edge (desktop/tablet only).
   The hero is a subtly deeper lavender panel, never a stroked rectangle.
   A touch of extra lilac gathers at the bottom to reveal the full rounded shape.
   Outer shared background remains continuous into services. */
@media (min-width:701px){
  .home-page .hero-shell{
    border:0;
    outline:0;
    box-shadow:none;
    border-radius:33px;
    background:
      radial-gradient(ellipse 84% 43% at 49% 100%, rgba(167,143,214,.16) 0%, transparent 85%),
      linear-gradient(180deg,
        #cfc7ea 0%,
        rgba(207,199,234,.995) 25%,
        rgba(205,198,232,.94) 42%,
        rgba(204,197,232,.79) 56%,
        rgba(203,193,231,.62) 70%,
        rgba(200,184,230,.46) 84%,
        rgba(194,176,224,.38) 100%);
  }
}
/* Disable all earlier border pseudo-elements on every breakpoint.
   Mobile retains the original borderless gradient and horizontal service cards. */
.home-page .hero-shell::after{display:none!important;}


/* ==============================================================
   2026-10-15 — SIRIUS homepage portfolio / Soft Futuristic Premium
   Scope: only home portfolio. No hero/services animation affected.
   Decorative strokes are static, never continuously animated.
   ============================================================== */
.home-page .portfolio-showcase{
  padding:32px 0 100px;
  background:#f5f7fc;
}
.home-page .portfolio-panel{
  isolation:isolate;
  position:relative;
  overflow:hidden;
  padding:47px 33px 31px;
  border-radius:29px;
  border:none;
  background:
    radial-gradient(ellipse 64% 80% at 70% 7%,rgba(208,210,255,.5) 0%,transparent 78%),
    radial-gradient(ellipse 75% 92% at 5% 85%,rgba(239,234,253,.8),transparent 89%),
    linear-gradient(120deg,#f5f5fe 0%,#ecebfd 54%,#f6f5ff 100%);
  box-shadow:0 18px 42px rgba(122,117,183,.06),inset 0 0 0 1px rgba(255,255,255,.38);
}
.home-page .portfolio-orbit{
  position:absolute;
  width:83%;
  height:210px;
  top:1px;
  right:0;
  z-index:0;
  pointer-events:none;
}
.home-page .portfolio-star{position:absolute;z-index:0;pointer-events:none;filter:drop-shadow(0 0 9px rgba(137,126,232,.33))}
.home-page .portfolio-star--large{right:4%;top:29px;width:35px;height:35px}
.home-page .portfolio-star--small{left:58%;top:131px;width:11px;height:11px;opacity:.7}
.home-page .portfolio-header{
  display:grid;
  grid-template-columns:minmax(0,1.34fr) minmax(270px,.66fr);
  gap:42px;
  align-items:end;
  position:relative;
  z-index:1;
  padding:0 19px;
  margin-bottom:28px;
}
.home-page .portfolio-kicker{
  display:inline-flex;align-items:center;gap:15px;
  font-size:11px;font-weight:800;letter-spacing:.19em;line-height:1.5;
  color:#7f82b6;
}
.home-page .portfolio-kicker::before{content:"";display:block;width:30px;height:1.5px;border-radius:2px;background:#a8a7d5}
.home-page .portfolio-header h2{
  font-size:clamp(34px,3.7vw,55px);line-height:1.085;
  font-weight:800;letter-spacing:-.068em;color:#121424;
  margin:17px 0 13px;
}
.home-page .portfolio-intro{
  margin:0;max-width:580px;
  color:#747da4;font-size:15px;line-height:1.65;
}
.home-page .portfolio-header-side{justify-self:end;width:min(100%,310px);display:flex;flex-direction:column;align-items:flex-start;gap:19px;padding-bottom:2px}
.home-page .portfolio-all{
  display:inline-flex;align-items:center;justify-content:space-between;gap:24px;
  min-height:49px;padding:11px 21px;border-radius:999px;
  border:1px solid #d2d0fb;background:rgba(255,255,255,.78);
  color:#24283d;font-size:12px;font-weight:700;
  box-shadow:0 5px 18px rgba(108,108,187,.04);
  transition:background .2s,border-color .2s,box-shadow .2s;
}
.home-page .portfolio-all svg{transition:transform .2s}
.home-page .portfolio-all:hover{background:#fff;border-color:#aaa6f1;box-shadow:0 8px 20px rgba(99,92,175,.09)}
.home-page .portfolio-all:hover svg{transform:translate(3px,-3px)}
.home-page .portfolio-header-side p{max-width:275px;margin:0;color:#747da4;font-size:12px;line-height:1.62}
.home-page .portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;position:relative;z-index:1}
.home-page .portfolio-card{
  min-width:0;display:flex;flex-direction:column;gap:0;
  padding:10px 10px 13px;overflow:hidden;border-radius:22px;
  border:1px solid rgba(232,231,248,.48);
  background:linear-gradient(165deg,rgba(255,255,255,.72),rgba(255,255,255,.6));
  box-shadow:0 12px 26px rgba(100,102,160,.045);
  color:#151727;text-decoration:none;
  transition:transform .23s ease-out,box-shadow .23s ease-out,border-color .23s ease-out;
}
@media (hover:hover) and (pointer:fine){
  .home-page .portfolio-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 34px rgba(95,90,154,.09);
    border-color:rgba(202,196,240,.72);
  }
  .home-page .portfolio-card:hover .portfolio-card-picture img{transform:scale(1.015)}
  .home-page .portfolio-card:hover .portfolio-card-arrow{transform:translateX(4px)}
  .home-page .portfolio-card:hover .portfolio-card-cta{background:#20203d}
}
.home-page .portfolio-card:focus-visible{outline:3px solid #7979dd;outline-offset:4px}
.home-page .portfolio-card-picture{
  display:block;overflow:hidden;aspect-ratio:1.73/1;border-radius:15px;
  background:linear-gradient(130deg,#e9e5ef,#cbd0e4);
}
.home-page .portfolio-card-picture img{
  display:block;width:100%;height:100%;object-fit:cover;
  filter:none;
  transition:transform .23s ease-out;
}
.home-page .portfolio-card--psychologist img{object-position:50% 52%}
.home-page .portfolio-card--gallery img{object-position:50% 55%}
.home-page .portfolio-card--furniture img{object-position:50% 53%}
.home-page .portfolio-card-details{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:16px 12px 0}
.home-page .portfolio-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}
.home-page .portfolio-tag{
  display:inline-flex;align-items:center;
  border-radius:99px;padding:5px 10px;
  background:rgba(232,233,254,.8);color:#7275ae;
  font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap;
}
.home-page .portfolio-card-name{
  display:block;font:800 clamp(17px,1.55vw,21px)/1.24 var(--font-heading);
  letter-spacing:-.055em;color:#151727;margin-bottom:7px;
}
.home-page .portfolio-card-description{
  display:block;flex:1;
  font-size:12px;line-height:1.65;color:#747da4;
  margin-bottom:18px;
}
.home-page .portfolio-card-cta{
  display:inline-flex;align-items:center;gap:22px;justify-content:space-between;
  border-radius:999px;min-height:40px;padding:10px 19px;
  background:#171831;color:#fff;
  font-size:11px;font-weight:700;line-height:1.2;
  transition:background .2s;
}
.home-page .portfolio-card-arrow{display:inline-flex;transition:transform .2s}
@media(max-width:1050px){
  .home-page .portfolio-panel{padding:40px 25px 26px}
  .home-page .portfolio-header{padding:0 11px;gap:25px;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr)}
  .home-page .portfolio-header h2{font-size:clamp(32px,4.3vw,46px)}
  .home-page .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .home-page .portfolio-card-name{font-size:20px}
}
@media(max-width:700px){
  .home-page .portfolio-showcase{padding:24px 0 68px}
  .home-page .portfolio-panel{padding:32px 15px 17px;border-radius:24px}
  .home-page .portfolio-header{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:0 9px;margin-bottom:25px}
  .home-page .portfolio-header h2{font-size:clamp(29px,7.5vw,43px);margin:14px 0 12px}
  .home-page .portfolio-header h2 br{display:none}
  .home-page .portfolio-intro{font-size:13px;line-height:1.72}
  .home-page .portfolio-header-side{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:15px;padding:0}
  .home-page .portfolio-header-side p{font-size:11px;max-width:47%}
  .home-page .portfolio-all{flex:none;min-height:45px;padding:10px 14px;gap:13px}
  .home-page .portfolio-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .home-page .portfolio-card{padding:9px 9px 14px;border-radius:19px}
  .home-page .portfolio-card-picture{aspect-ratio:1.75/1}
  .home-page .portfolio-card-details{padding:15px 10px 0}
  .home-page .portfolio-card-name{font-size:20px}
  .home-page .portfolio-card-description{font-size:12px;margin-bottom:16px}
  .home-page .portfolio-orbit{top:0;right:-80px;width:115%;height:165px;opacity:.59}
  .home-page .portfolio-star--large{top:22px;right:19px;width:24px;height:24px}
  .home-page .portfolio-star--small{top:102px;left:75%}
}
@media(max-width:390px){
  .home-page .portfolio-panel{padding:28px 11px 13px}
  .home-page .portfolio-header-side{align-items:flex-start;flex-direction:column;gap:11px}
  .home-page .portfolio-header-side p{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
  .home-page .portfolio-card,.home-page .portfolio-card img,
  .home-page .portfolio-all,.home-page .portfolio-all svg,
  .home-page .portfolio-card-cta,.home-page .portfolio-card-arrow{
    transition:none!important;transform:none!important;
  }
}


/* SIRIUS — five-stage studio process, isolated from legacy process-grid rules.
   Decorative geometry is motionless. All content is immediately available. */
.home-page .sirius-process{
  padding:38px 0 70px;
  background:#f5f7fc;
  isolation:isolate;
}
.home-page .sirius-process__shell{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  width:min(1240px,calc(100% - 64px));
  padding:49px 48px 61px;
  border:1px solid rgba(255,255,255,.86);
  border-radius:34px;
  background:
    radial-gradient(ellipse 50% 63% at 90% 12%,rgba(210,211,255,.53),transparent 88%),
    radial-gradient(ellipse 65% 70% at 30% 77%,rgba(226,227,255,.55),transparent 96%),
    linear-gradient(140deg,#f0f0ff 0%,#eaeaff 48%,#f4f5ff 100%);
  box-shadow:0 26px 72px rgba(87,94,156,.055),inset 0 1px 0 rgba(255,255,255,.83);
}
.sirius-process__shell::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(146deg,rgba(255,255,255,.16),transparent 42%,rgba(255,255,255,.27) 78%,transparent);
}
.sirius-process__orbit{position:absolute;right:-4px;top:5px;width:min(49%,570px);height:auto;pointer-events:none;opacity:.98}
.sirius-process__star{position:absolute;pointer-events:none;filter:drop-shadow(0 0 10px rgba(121,105,233,.10))}
.sirius-process__star--one{width:38px;height:38px;right:6%;top:11%}
.sirius-process__star--two{width:22px;height:22px;right:25%;top:40%}
.sirius-process__header{position:relative;z-index:1;max-width:900px}
.sirius-process__eyebrow{display:flex;align-items:center;gap:13px;color:#7d83ab;font-weight:800;font-size:11px;line-height:1.4;letter-spacing:.21em}
.sirius-process__eyebrow>span{display:block;width:28px;height:1px;background:#a8add3;opacity:.8}
.sirius-process__header h2{
  margin:27px 0 14px;
  max-width:880px;
  font-family:var(--font-heading);
  font-size:clamp(40px,5.05vw,67px);
  font-weight:800;line-height:1.065;letter-spacing:-.072em;color:#0c0d1c;
}
.sirius-process__period{color:#6559d9}
.sirius-process__header>p{margin:0;max-width:885px;font-size:clamp(14px,1.35vw,17px);line-height:1.58;color:#737ca0}
.sirius-process__timeline{position:relative;z-index:1;margin-top:12px}
.sirius-process__path{position:absolute;z-index:0;top:0;left:0;width:100%;height:134px;overflow:visible;pointer-events:none}
.sirius-process__track,.sirius-process__track-active{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.sirius-process__track{stroke:#a5a2f2;stroke-width:1.25;stroke-opacity:.71}
.sirius-process__track--measured{opacity:0}
.sirius-process__timeline.is-geometry-ready .sirius-process__track--measured{opacity:1}
.sirius-process__timeline.is-geometry-ready [data-process-path]{opacity:0}
.sirius-process__track-active{stroke:#8e81ee;stroke-width:3.2;stroke-opacity:0;filter:drop-shadow(0 0 4px rgba(134,114,232,.55));transition:stroke-opacity .32s ease-in-out}
.sirius-process__timeline.is-interacting .sirius-process__track-active{stroke-opacity:.83}
.sirius-process__moving-glow{fill:#9080f1;opacity:0;filter:url(#processDotGlow);transition:opacity .45s ease}
.sirius-process__moving-dot{fill:#fff;stroke:#8978ed;stroke-width:1.8;opacity:0;filter:drop-shadow(0 0 4px rgba(255,255,255,.96));transition:opacity .45s ease}
.sirius-process__timeline.is-interacting .sirius-process__moving-glow{opacity:.75}
.sirius-process__timeline.is-interacting .sirius-process__moving-dot{opacity:1}
.sirius-process__steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:21px;list-style:none;padding:0;margin:0}
.sirius-process__step{min-width:0;text-align:center;outline-offset:6px;border-radius:20px}
/* Pearl-glass icon animation: the base remains visible while transparent light
   layers fade and drift. Unlike swapping two gradients, this interpolates smoothly. */
.sirius-process__symbol{
  position:relative;
  isolation:isolate;
  display:grid;place-items:center;
  width:78px;height:78px;margin:0 auto;
  overflow:visible;
  border:1px solid rgba(255,255,255,.96);
  border-radius:50%;
  background:linear-gradient(142deg,rgba(255,255,255,.84),rgba(246,245,255,.70) 56%,rgba(240,239,255,.76));
  color:#6259dc;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.97),0 10px 23px rgba(125,119,204,.11),0 0 0 4px rgba(255,255,255,.14);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transform:translateY(var(--process-offset,0px)) scale(1);
  transition:
    transform 800ms cubic-bezier(.45,0,.25,1),
    box-shadow 930ms cubic-bezier(.45,0,.25,1),
    border-color 700ms ease,
    color 650ms ease;
  will-change:auto;
}
/* Iridescent inner haze, revealed by opacity; gradient position moves only once on hover. */
.sirius-process__symbol::before{
  content:"";position:absolute;z-index:0;inset:2px;border-radius:inherit;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 42% at 20% 20%,rgba(255,255,255,.98),transparent 93%),
    linear-gradient(115deg,
      rgba(255,255,255,.16) 2%,rgba(188,226,255,.53) 27%,
      rgba(209,200,255,.73) 48%,rgba(245,220,255,.60) 71%,rgba(255,255,255,.25) 100%);
  background-size:100% 100%,230% 230%;background-position:center,4% 48%;
  opacity:0;transform:scale(.88);
  transition:
    opacity 820ms cubic-bezier(.45,0,.25,1),
    transform 1120ms cubic-bezier(.45,0,.25,1),
    background-position 1400ms cubic-bezier(.45,0,.25,1);
}
/* Very fine opalescent rim. Mask confines the color to 1.4 px at the edge. */
.sirius-process__symbol::after{
  content:"";position:absolute;z-index:1;inset:-1px;border-radius:inherit;pointer-events:none;
  padding:1.4px;
  background:conic-gradient(from 78deg,
    rgba(255,255,255,.05) 0deg,rgba(188,209,255,.75) 55deg,
    rgba(255,255,255,.98) 114deg,rgba(184,163,255,.88) 174deg,
    rgba(247,217,255,.72) 230deg,rgba(255,255,255,.96) 280deg,
    rgba(209,223,255,.18) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  opacity:.16;transform:rotate(-35deg);
  transition:opacity 830ms ease-in-out,transform 1300ms cubic-bezier(.45,0,.25,1);
}
/* A single silky reflected-light pass across the glass; never loops. */
.sirius-process__shimmer{
  position:absolute;inset:2px;overflow:hidden;border-radius:inherit;z-index:1;
  pointer-events:none;
}
.sirius-process__shimmer::before{
  content:"";position:absolute;top:-38%;left:-64%;height:176%;width:44%;
  transform:skewX(-21deg);pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 34%,rgba(255,255,255,.88) 54%,transparent 100%);
  filter:blur(4px);opacity:0;
  transition:left 1550ms cubic-bezier(.38,0,.22,1),opacity 600ms ease-in-out;
}
.sirius-process__symbol svg{
  position:relative;z-index:2;width:39px;height:39px;
  fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;
  transform:scale(1);filter:drop-shadow(0 1px 1px rgba(110,96,207,.13));
  transition:transform 890ms cubic-bezier(.45,0,.25,1),filter 890ms ease-in-out;
}
.sirius-process__step:nth-child(1){--process-offset:21px}
.sirius-process__step:nth-child(2){--process-offset:31px}
.sirius-process__step:nth-child(3){--process-offset:49px}
.sirius-process__step:nth-child(4){--process-offset:31px}
.sirius-process__step:nth-child(5){--process-offset:21px}
/* One shared hover/focus state: never a flashing instant gradient swap. */
@media(hover:hover) and (pointer:fine){
 .sirius-process__symbol{
   transform:translateY(var(--process-offset,0px)) scale(1.045);
   border-color:rgba(255,255,255,.98);
   color:#5b67dc;
   box-shadow:
     inset 0 1px 3px rgba(255,255,255,.98),
     0 17px 34px rgba(101,102,194,.15),
     0 0 26px 5px rgba(165,181,255,.19),
     0 0 0 7px rgba(255,255,255,.25);
 }
 .sirius-process__symbol::before{
   opacity:.95;transform:scale(1.01);background-position:center,91% 47%;
 }
 .sirius-process__symbol::after{opacity:.92;transform:rotate(35deg)}
 .sirius-process__shimmer::before{left:128%;opacity:.67}
 .sirius-process__symbol svg{
   transform:scale(1.045);filter:drop-shadow(0 2px 4px rgba(117,114,219,.27));
 }
}
.sirius-process__step:focus-visible{outline:2px solid #8478e9;outline-offset:5px}
.sirius-process__step:focus-visible .sirius-process__symbol{
  transform:translateY(var(--process-offset,0px)) scale(1.045);
  color:#5b67dc;
  box-shadow:inset 0 1px 3px rgba(255,255,255,.98),0 17px 34px rgba(101,102,194,.15),0 0 26px 5px rgba(165,181,255,.19),0 0 0 7px rgba(255,255,255,.25);
}
.sirius-process__step:focus-visible .sirius-process__symbol::before{opacity:.95;transform:scale(1.01);background-position:center,91% 47%}
.sirius-process__step:focus-visible .sirius-process__symbol::after{opacity:.92;transform:rotate(35deg)}
.sirius-process__step:focus-visible .sirius-process__shimmer::before{left:128%;opacity:.67}
.sirius-process__step:focus-visible .sirius-process__symbol svg{transform:scale(1.045);filter:drop-shadow(0 2px 4px rgba(117,114,219,.27))}
.sirius-process__copy{padding-top:calc(18px + var(--process-offset,0px));text-align:center}
.sirius-process__number{display:block;font-family:var(--font-heading);font-size:12px;font-weight:800;letter-spacing:.21em;color:#737dad;font-variant-numeric:tabular-nums;margin:0 0 7px}
.sirius-process__copy h3{font-size:clamp(15px,1.36vw,18px);font-weight:800;line-height:1.25;letter-spacing:-.05em;color:#191a35;margin:0 0 14px;min-height:45px}
.sirius-process__copy p{font-size:clamp(12px,1.12vw,14px);line-height:1.55;color:#747e9e;text-align:left;margin:0}
@media(max-width:1080px){
 .home-page .sirius-process__shell{padding:44px 40px 52px}
 .sirius-process__header{max-width:730px}
 .sirius-process__header h2{font-size:clamp(42px,5.5vw,60px)}
 .sirius-process__header>p{font-size:15px}
 .sirius-process__orbit{width:48%;opacity:.63}
 .sirius-process__star--two{right:17%;top:28%}
 /* A clear vertical journey beats five illegibly narrow columns. */
 .sirius-process__timeline{margin-top:38px}
 .sirius-process__path{display:none}
 .sirius-process__steps{display:flex;flex-direction:column;gap:0;padding-left:0}
 .sirius-process__steps::before{content:"";position:absolute;left:36px;top:34px;bottom:52px;width:1.5px;background:linear-gradient(180deg,#bbb4f5,#9489e8 45%,#c3bafb);z-index:-1}
 .sirius-process__step{display:grid;grid-template-columns:74px minmax(0,1fr);column-gap:26px;text-align:left;align-items:start;padding-bottom:26px}
 .sirius-process__step:last-child{padding-bottom:0}
 .sirius-process__symbol{width:74px;height:74px;margin:0;transform:none}
 .sirius-process__step:nth-child(n){--process-offset:0px}
 .sirius-process__copy{text-align:left;padding-top:2px}
 .sirius-process__number{margin-bottom:4px}
 .sirius-process__copy h3{font-size:19px;min-height:0;margin-bottom:7px}
 .sirius-process__copy h3 br{display:none}
 .sirius-process__copy p{font-size:14px;max-width:650px;line-height:1.55}
}
@media(max-width:700px){
 .home-page .sirius-process{padding:20px 0 48px}
 .home-page .sirius-process__shell{width:calc(100% - 30px);border-radius:26px;padding:35px 22px 37px}
 .sirius-process__eyebrow{font-size:9px;letter-spacing:.17em;gap:10px}
 .sirius-process__eyebrow>span{width:20px}
 .sirius-process__header h2{font-size:clamp(34px,9vw,48px);margin:23px 0 15px;letter-spacing:-.07em;line-height:1.09}
 .sirius-process__header>p{font-size:13.5px;line-height:1.65}
 .sirius-process__header>p br{display:none}
 .sirius-process__orbit{top:14px;right:-125px;width:310px;opacity:.3}
 .sirius-process__star--one{width:22px;height:22px;right:9%;top:11%}
 .sirius-process__star--two{width:14px;height:14px;right:13%;top:28%}
 .sirius-process__timeline{margin-top:34px}
 .sirius-process__steps::before{left:28px;top:28px;bottom:45px}
 .sirius-process__step{grid-template-columns:58px minmax(0,1fr);column-gap:18px;padding-bottom:26px}
 .sirius-process__symbol{width:58px;height:58px}
 .sirius-process__symbol svg{width:30px;height:30px;stroke-width:2.25}
 .sirius-process__copy{padding-top:0}
 .sirius-process__number{font-size:11px;letter-spacing:.18em}
 .sirius-process__copy h3{font-size:17px;line-height:1.25;margin-bottom:7px}
 .sirius-process__copy p{font-size:12.8px;line-height:1.55}
}
@media(max-width:370px){
 .home-page .sirius-process__shell{padding-inline:17px}
 .sirius-process__step{column-gap:13px}
 .sirius-process__copy h3{font-size:16px}
 .sirius-process__copy p{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
 .sirius-process__track-active,.sirius-process__moving-glow,.sirius-process__moving-dot{display:none!important}
 .sirius-process__symbol,.sirius-process__symbol::before,.sirius-process__symbol::after,.sirius-process__symbol svg{transition:none!important}
 .sirius-process__symbol{transform:translateY(var(--process-offset,0px))!important}
 .sirius-process__symbol::before,.sirius-process__symbol::after,.sirius-process__symbol svg{transform:none!important}
 .sirius-process__shimmer{display:none!important}
}


/* =============================================================
   SIRIUS / О студии — Soft Futuristic Premium
   Isolated homepage block. No change to the hero, process or other sections.
   The full illustration and every value card render immediately (no reveals).
   ============================================================= */
.home-page .sirius-about{
  padding:72px 0 85px;
  background:transparent;
  overflow:clip;
}
.home-page .sirius-about__shell{
  position:relative;
  isolation:isolate;
  width:min(1240px,calc(100% - 44px));
  margin-inline:auto;
  padding:51px 30px 31px;
  border-radius:31px;
  border:1px solid rgba(255,255,255,.72);
  background:
    radial-gradient(ellipse 58% 65% at 86% 22%,rgba(184,184,255,.25),transparent 76%),
    radial-gradient(ellipse 44% 45% at 3% 78%,rgba(215,219,255,.34),transparent 80%),
    linear-gradient(118deg,rgba(245,245,255,.90) 0%,rgba(241,241,255,.94) 55%,rgba(234,236,255,.93) 100%);
  box-shadow:0 25px 85px rgba(85,77,147,.07),inset 0 1px 0 rgba(255,255,255,.7);
}
.home-page .sirius-about__shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(ellipse 33% 31% at 74% 38%,rgba(255,255,255,.73),transparent 90%);
}
.home-page .sirius-about__top{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  align-items:center;
  gap:4px;
  min-height:370px;
}
.home-page .sirius-about__intro{
  position:relative;
  z-index:2;
  padding-left:25px;
  padding-bottom:16px;
}
.home-page .sirius-about__eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  width:max-content;
  font:700 12px/1.3 var(--font-body);
  color:#706ae3;
  text-transform:uppercase;
  letter-spacing:.17em;
  margin-bottom:24px;
}
.home-page .sirius-about__eyebrow::after{
  content:"";
  width:53px;
  height:1px;
  background:linear-gradient(90deg,#7771e7,rgba(133,127,233,.25));
}
.home-page .sirius-about__intro :is(h1,h2){
  font:800 clamp(34px,3.75vw,52px)/1.145 var(--font-heading);
  letter-spacing:-.064em;
  color:#11121d;
  margin:0 0 20px;
}
.home-page .sirius-about__intro :is(h1,h2) span{
  background:linear-gradient(105deg,#5b67dc,#7971e8 54%,#9981e2);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.home-page .sirius-about__intro p{
  max-width:552px;
  color:#65718e;
  font:400 clamp(15px,1.34vw,17px)/1.6 var(--font-body);
  margin:0;
}
.home-page .sirius-about__art{
  position:relative;
  z-index:1;
  width:calc(100% + 38px);
  margin-left:-22px;
  min-width:0;
  overflow:visible;
}
.home-page .sirius-about__visual{display:block;width:100%;height:auto;overflow:visible}
.home-page .sirius-about__float{
  transform:translateY(0);
  transition:transform 310ms ease-out;
}
@media(hover:hover) and (pointer:fine){
  .home-page .sirius-about__art:hover .sirius-about__float--people{transform:translate(-2px,-2px)}
  .home-page .sirius-about__art:hover .sirius-about__float--bars{transform:translateY(3px)}
  .home-page .sirius-about__art:hover .sirius-about__float--stats{transform:translate(2px,-2px)}
}
.home-page .sirius-about__values{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:9px;
}
.home-page .sirius-about__value{
  min-width:0;
  min-height:247px;
  padding:22px 27px 23px;
  border:1px solid rgba(255,255,255,.88);
  border-radius:21px;
  background:linear-gradient(132deg,rgba(255,255,255,.72),rgba(249,249,255,.52));
  box-shadow:0 7px 24px rgba(79,80,139,.025),inset 0 1px 0 rgba(255,255,255,.60);
  cursor:default;
  transform:translateY(0);
  transition:transform 235ms ease-out,border-color 235ms ease-out,box-shadow 235ms ease-out;
}
.home-page .sirius-about__icon{
  display:grid;
  place-items:center;
  width:61px;
  height:61px;
  margin-bottom:16px;
  color:#5d5bdd;
  border-radius:50%;
  background:linear-gradient(140deg,rgba(220,222,255,.82),rgba(235,237,255,.69));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  transition:background 235ms ease-out,box-shadow 235ms ease-out;
}
.home-page .sirius-about__icon svg{width:32px;height:32px}
.home-page .sirius-about__value h3{
  font:750 clamp(16px,1.52vw,19px)/1.25 var(--font-heading);
  letter-spacing:-.035em;
  color:#171a30;
  margin:0 0 9px;
}
.home-page .sirius-about__value p{
  color:#677595;
  font:400 clamp(13px,1.12vw,15px)/1.43 var(--font-body);
  margin:0;
}
@media(hover:hover) and (pointer:fine){
  .home-page .sirius-about__value:hover{
    transform:translateY(-4px);
    border-color:rgba(155,148,239,.53);
    box-shadow:0 15px 31px rgba(100,96,166,.115),inset 0 1px 0 rgba(255,255,255,.80);
  }
  .home-page .sirius-about__value:hover .sirius-about__icon{
    background:linear-gradient(140deg,#e1dfff,#eeedff);
    box-shadow:0 3px 17px rgba(133,119,238,.22),inset 0 1px 0 #fff;
  }
}
@media(max-width:1090px){
  .home-page .sirius-about__shell{padding:41px 22px 23px}
  .home-page .sirius-about__intro{padding-left:12px}
  .home-page .sirius-about__top{grid-template-columns:minmax(0,1fr) minmax(0,.87fr);min-height:335px}
  .home-page .sirius-about__intro :is(h1,h2){font-size:clamp(30px,3.65vw,43px)}
  .home-page .sirius-about__intro p{font-size:14px}
  .home-page .sirius-about__values{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page .sirius-about__value{padding:23px 24px;min-height:225px}
}
@media(max-width:830px){
  .home-page .sirius-about{padding:66px 0 70px}
  .home-page .sirius-about__shell{width:calc(100% - 32px);padding:31px 24px 25px;border-radius:25px}
  .home-page .sirius-about__top{min-height:0;grid-template-columns:minmax(0,1fr);gap:0}
  .home-page .sirius-about__intro{padding:10px 7px 0}
  .home-page .sirius-about__intro :is(h1,h2){font-size:clamp(36px,6.4vw,55px);max-width:640px}
  .home-page .sirius-about__intro p{font-size:15px;max-width:660px}
  .home-page .sirius-about__art{width:min(640px,105%);margin:-22px auto -10px;justify-self:center}
  .home-page .sirius-about__values{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:0}
  .home-page .sirius-about__value{min-height:224px;padding:24px}
  .home-page .sirius-about__value h3{font-size:19px}
  .home-page .sirius-about__value p{font-size:15px;line-height:1.5}
}
@media(max-width:540px){
  .home-page .sirius-about{padding:54px 0 57px}
  .home-page .sirius-about__shell{width:calc(100% - 24px);padding:27px 16px 17px;border-radius:22px}
  .home-page .sirius-about__intro{padding:0 3px}
  .home-page .sirius-about__eyebrow{font-size:10px;margin-bottom:21px}
  .home-page .sirius-about__intro :is(h1,h2){font-size:clamp(27px,7.4vw,38px);letter-spacing:-.062em;line-height:1.21;margin-bottom:16px}
  .home-page .sirius-about__intro p{font-size:13.5px;line-height:1.68}
  .home-page .sirius-about__art{width:calc(100% + 17px);margin:1px -9px 6px}
  .home-page .sirius-about__values{grid-template-columns:minmax(0,1fr);gap:11px}
  .home-page .sirius-about__value{min-height:auto;padding:19px 20px 20px;border-radius:17px}
  .home-page .sirius-about__icon{width:51px;height:51px;margin-bottom:12px}
  .home-page .sirius-about__icon svg{width:27px;height:27px}
  .home-page .sirius-about__value h3{font-size:18px;margin-bottom:6px}
  .home-page .sirius-about__value p{font-size:14px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){
  .home-page .sirius-about__float,.home-page .sirius-about__value,.home-page .sirius-about__icon{transition:none!important}
  .home-page .sirius-about__art:hover .sirius-about__float,.home-page .sirius-about__value:hover{transform:none!important}
}

/* ============================================================
   2026-10-15 — mobile navigation / dedicated "О нас" page
   Desktop hero and all other original sections remain unchanged.
   ============================================================ */
.about-page main{min-height:55vh}
.about-page .sirius-about{padding-top:76px;padding-bottom:90px}
@media(max-width:700px){
  .about-page .sirius-about{padding-top:36px;padding-bottom:64px}
}
/* Accessible button replaces the non-interactive decorative mobile cue. */
.sirius-offerings__scroll-cue{font-family:inherit;border:0;background:none;cursor:pointer;appearance:none}
.sirius-offerings__scroll-cue:focus-visible{outline:2px solid #7365cf;outline-offset:4px;border-radius:15px}
@media(max-width:620px){
  .sirius-offerings__scroll-cue{width:max-content;margin:0 0 0 auto}
  .sirius-offerings__scroll-cue:active span:last-child{background:rgba(126,112,224,.13)}
}
/* Portfolio: on phones, users swipe through the three projects, not downward. */
@media(max-width:700px){
  .home-page .portfolio-grid{
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:84%;
    gap:13px;
    align-items:stretch;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:3px;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
    padding:4px 4px 16px;
  }
  .home-page .portfolio-grid::-webkit-scrollbar{display:none}
  .home-page .portfolio-card{min-width:0;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always}
}
/* About values: horizontal touch-scrolling on phones; 2x2 tablet, 4x1 PC. */
@media(max-width:540px){
  .home-page .sirius-about__values{
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:84%;
    align-items:stretch;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:3px;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
    padding:3px 3px 16px;
  }
  .home-page .sirius-about__values::-webkit-scrollbar{display:none}
  .home-page .sirius-about__value{min-height:205px;scroll-snap-align:start;scroll-snap-stop:always}
}
/* Touch interaction: the vertical timeline uses its own glow and animated
   progress. The existing desktop SVG logic is intentionally untouched. */
.sirius-process__mobile-progress{display:none}
@media(max-width:1080px){
  .sirius-process__step{cursor:pointer;-webkit-tap-highlight-color:transparent}
  .sirius-process__mobile-progress{
    display:block;position:absolute;left:0;top:0;width:3px;height:0;
    background:linear-gradient(180deg,#aba4fa,#796cef);
    border-radius:999px;box-shadow:0 0 10px rgba(128,106,245,.55);
    transform:translateX(-50%);pointer-events:none;z-index:0;
    opacity:0;
  }
  .sirius-process__mobile-progress.is-visible{opacity:1}
  .sirius-process__mobile-progress>span{
    position:absolute;bottom:-5px;left:50%;width:10px;height:10px;
    border-radius:50%;transform:translateX(-50%);
    background:#fff;border:2px solid #8e7cf2;
    box-shadow:0 0 0 4px rgba(140,120,242,.15),0 0 14px rgba(119,106,236,.52);
  }
  .sirius-process__step.is-mobile-active .sirius-process__symbol{
    border-color:#c8c1fc;color:#5c57cc;
    box-shadow:inset 0 1px 3px white,0 10px 28px rgba(115,104,206,.17),0 0 0 5px rgba(177,168,251,.22);
    transition:border-color .25s ease,box-shadow .25s ease,color .25s ease;
  }
  .sirius-process__step.is-mobile-active .sirius-process__symbol svg{filter:drop-shadow(0 0 4px rgba(119,108,231,.33))}
  .sirius-process__step.is-mobile-active .sirius-process__shimmer{display:block!important}
  .sirius-process__step.is-mobile-active .sirius-process__shimmer::before{animation:siriusMobileProcessGlint .7s ease-out both}
}
@keyframes siriusMobileProcessGlint{
  0%{left:-90%;opacity:0}25%{opacity:.7}100%{left:125%;opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .sirius-process__step.is-mobile-active .sirius-process__shimmer::before{animation:none!important}
}


/* SIRIUS 2026-10-15 — flat white process icons; desktop and mobile.
   Changes only the icon containers, keeping the interaction line and layout. */
.home-page .sirius-process .sirius-process__symbol{
  background:#fff;
  border:1px solid #cdd2eb;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  color:#555caa;
  transform:translateY(var(--process-offset,0px));
  transition:border-color 220ms ease-out,color 220ms ease-out;
}
.home-page .sirius-process .sirius-process__symbol::before,
.home-page .sirius-process .sirius-process__symbol::after{
  content:none!important;
  display:none!important;
}
.home-page .sirius-process .sirius-process__shimmer{
  display:none!important;
}
.home-page .sirius-process .sirius-process__symbol svg{
  color:#555caa;
  stroke:currentColor;
  transform:none!important;
  filter:none!important;
  transition:none;
}
@media(hover:hover) and (pointer:fine){
  .home-page .sirius-process .sirius-process__step:hover .sirius-process__symbol{
    background:#fff;
    border-color:#a6a9d8;
    box-shadow:none;
    transform:translateY(var(--process-offset,0px));
  }
}
.home-page .sirius-process .sirius-process__step:focus-visible .sirius-process__symbol,
.home-page .sirius-process .sirius-process__step.is-mobile-active .sirius-process__symbol{
  background:#fff;
  border-color:#939bce;
  color:#555caa;
  box-shadow:none;
  transform:translateY(var(--process-offset,0px));
}


/* 2026-10-18 hotfixes: mobile hero orbit, service swipe hint */
@media (max-width: 430px){
  /* Pull the orbit lower on phones so the rotating pearl line does not cross the CTA buttons. */
  .home-page .hero-orbit-svg--mobile{
    width:min(420px,108%);
    height:320px;
    bottom:-20px;
    opacity:.96;
  }
  .home-page .hero-liquid-stage{
    overflow:hidden;
  }
}
@media (max-width:390px){
  .home-page .hero-orbit-svg--mobile{
    width:108%;
    height:304px;
    bottom:-24px;
  }
}
@media (max-width:620px){
  .sirius-offerings__scroll-cue{
    justify-content:space-between;
    gap:12px;
    width:100%;
    padding:6px 4px 0;
    margin-top:4px;
    font-size:10px;
    letter-spacing:.08em;
  }
  .sirius-offerings__scroll-cue span:first-child{
    max-width:78%;
    line-height:1.45;
  }
}