/* SIRC3D · Electric blue studio */
:root{--ink:#10203d;--paper:#f4f7fd;--muted:#65738b;--line:#d9e2f1;--accent:#65b8ff;--dark:#071126}
html{scroll-behavior:smooth;scroll-padding-top:24px}
::selection{background:#75bcff;color:#061027}
.topbar{background:linear-gradient(105deg,#a3ddff,#67b7ff 50%,#a4b0ff);color:#071b35}
.header{background:#060e20;border-color:#8ab9ff20}
.header-actions{display:flex;align-items:center;gap:22px}
#header-socials{display:flex;gap:8px}
.social-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}
.social-link{display:inline-flex;align-items:center;gap:11px}
#header-socials .social-link{padding:9px;border:1px solid #ffffff28;border-radius:50%;transition:background .2s,border-color .2s}
#header-socials .social-link:hover{border-color:#75bdff;background:#7dbeff15}
#header-socials .social-icon,footer .social-icon,.social-section .social-icon{filter:invert(1)}
#header-socials .social-icon{width:17px;height:17px}
.header nav a{position:relative;transition:color .2s}
.header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:#69bfff;transition:right .25s}
.header nav a:hover:after{right:0}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 12% 28%,#16366b80,transparent 50%),#060e20;min-height:680px}
.hero:before{content:"";position:absolute;width:650px;height:650px;left:-300px;top:-260px;border-radius:50%;background:radial-gradient(circle,#1376ff20,transparent 68%);animation:orb-drift 14s ease-in-out infinite alternate;z-index:-1}
.hero-copy{position:relative;padding-top:58px;z-index:1;background-image:radial-gradient(#a3ccff55 .7px,transparent .7px);background-size:64px 64px}
.hero h1{font-size:clamp(3.6rem,6.45vw,6.5rem);line-height:1.02}
.hero h1 em{color:#84ccff;background:linear-gradient(110deg,#54adff 10%,#b9ecff 45%,#8d9aff 80%);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-shimmer 10s ease-in-out infinite alternate}
.hero-copy>p{color:#aabbd6}.hero-foot{color:#7f9cc4}.mini-line{box-shadow:0 0 16px #3fafff90}
.hero-art{margin:26px 26px 26px 0;border-radius:22px;border:1px solid #85baff38;box-shadow:0 0 60px #165bb21a,inset 0 0 50px #153c6820;background-color:#061225;background-image:url(/studio-blue.png);overflow:hidden;min-height:600px}
.hero-art:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,transparent 47%,#58b9ff14 50%,transparent 53%);background-size:100% 250%;animation:print-scan 10s linear infinite}
.art-label{background:#08142cb0;border:1px solid #8bbaff25;backdrop-filter:blur(10px);z-index:1}
.art-bottom{background:#06152db5;border-color:#88bdff40;z-index:1}
.art-bottom span:first-child:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#7dccff;margin-right:9px;box-shadow:0 0 10px #50bbff}
.hero-art:after{color:#b6c9e3;z-index:1;font-size:11px}
.button.primary{background:linear-gradient(115deg,#7fcaff,#59a4ff);color:#07162c;box-shadow:0 6px 26px #2972cd24}
.button{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,background .25s}
.button.primary:after{content:"";position:absolute;inset:-70%;background:linear-gradient(90deg,transparent,#ffffff45,transparent);transform:translateX(-100%) rotate(25deg);transition:transform .65s;pointer-events:none}
.button.primary:hover:after{transform:translateX(100%) rotate(25deg)}
.button.primary:hover{box-shadow:0 10px 35px #177ae54d}
.button.dark:hover{background:#173960;box-shadow:0 8px 25px #18396320}
h2 span,.admin-heading h1 span{color:#397def}
.benefits{background:#edf3fd;border-color:#d6e2f4}
.benefits b{color:#447bc0}.benefits div{color:#314762}
.section .eyebrow{color:#617791}
.product-card{transition:transform .25s}
.product-card:hover{transform:translateY(-5px)}
.product-image{border-color:#dce5f4;box-shadow:0 5px 20px #19396504;transition:border-color .25s,box-shadow .25s}
.product-image:hover{border-color:#77aaff;box-shadow:0 14px 35px #1456b31c}
.product-arrow{transition:transform .3s,color .3s,background .3s}
.product-image:hover .product-arrow{transform:rotate(-35deg);background:#0c2b58;color:white}
.product-meta{color:#6d7d94}
.featured-badge{position:absolute;top:14px;right:14px;padding:6px 10px;background:#09244af0;color:#d7edff;border:1px solid #89baff44;border-radius:5px;font-size:11px;letter-spacing:.3px}
.filter{transition:color .2s,background .2s,border-color .2s}
.filter.active{background:#112d58;border-color:#112d58}
.filter:not(.active):hover{background:#e7effd;border-color:#a1bde4}
.quote-section{background:radial-gradient(ellipse at 0 100%,#123365,#071126 65%);box-shadow:0 20px 70px #11315e0c;border:1px solid #163361}
.quote-intro>p{color:#b1c1db}.quote-intro em{color:#79c4ff}
.estimate{background:#edf4ff;border:1px solid #d5e7ff}.estimate small{color:#5b7292}
.card-top>span{background:#eaf1fc}
.text-button,.market-link,.connection-row a{color:#245fa8}
input,select,textarea{border-color:#d5e0ef}input[type=checkbox]{accent-color:#287be1}
input:focus,textarea:focus,select:focus{border-color:#6a9ddd}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#438bf0}
.upload-box,.shipping-result,.reference,.chat-bubble,.formula{background:#eaf2fd;border-color:#aec9ef}
.empty-state{background:#eef3fb}.process-grid span{color:#537daa}
footer{background:#060e20;color:#aebed8}
footer .social-link{padding:10px 0;transition:color .2s}footer .social-link:hover{color:#80c6ff}
.footer-policies button{color:#a8bddb}
.admin-access{display:inline-flex;border:1px solid #a5c8ff40;border-radius:6px;padding:11px 14px}
.admin-access:hover{background:#7bbdff15}
.admin-page{background:#f3f6fc}.admin-label{color:#7898c5}
.admin-sidebar{background:linear-gradient(160deg,#081730,#040c1e);color:#bfcee5}
.admin-avatar,th{background:#e9eff9}.admin-avatar{color:#184376}th{color:#647795}
.admin-sidebar nav button.active{background:#8ecfff;color:#08234c}
.integration-card code{background:#f1f5fc}
.social-section{margin:0 2.4% 70px;border-radius:24px;padding:58px 4%;color:#f4f8ff;position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#17468375,transparent 65%),linear-gradient(135deg,#0a1730,#050d21)}
.social-section .eyebrow{color:#9abbeb}
.social-section h2{font-weight:500;letter-spacing:-.05em}
.social-section h2 em{font-style:normal;color:#7fc8ff}
.social-section .section-heading>p{font-size:15px;line-height:1.8;color:#9fb5d6;max-width:330px}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#77c8ff;box-shadow:0 0 0 5px #56aaff15,0 0 22px #52aaff}
.social-profiles{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}
.social-profiles .social-link{border:1px solid #9fbfff30;border-radius:30px;padding:12px 17px;font-size:13px;color:#d4e4fc;background:#a6c8ff06;transition:background .2s,border-color .2s}
.social-profiles .social-link:hover{background:#559cff20;border-color:#80bdff}
.social-profiles .social-link>span:last-child{margin-left:12px}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.video-card{min-width:0}
.video-cover{display:block;width:100%;aspect-ratio:4/4.7;border:1px solid #789ed83d;border-radius:15px;position:relative;overflow:hidden;background:#102247;color:white;padding:0;text-align:left;box-shadow:0 15px 40px #0002}
.video-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .65s}
.video-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 35%,#061225ba);pointer-events:none}
.video-cover:hover>img{transform:scale(1.04)}
.video-platform{position:absolute;z-index:1;left:18px;top:18px;display:flex;align-items:center;gap:8px;border:1px solid #ffffff30;border-radius:30px;background:#07112599;backdrop-filter:blur(8px);padding:8px 12px;font-size:12px}
.video-platform img{width:16px;height:16px}
.play-circle{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;display:grid;place-items:center;padding-left:4px;border:1px solid #c3e8ffb0;border-radius:50%;background:#75baff26;backdrop-filter:blur(8px);box-shadow:0 0 0 12px #83c3ff0d;font-size:21px;transition:background .25s,box-shadow .25s}
.video-cover:hover .play-circle{background:#468df59c;box-shadow:0 0 0 16px #83c3ff15}
.video-label{position:absolute;z-index:1;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;letter-spacing:1.7px;font-size:11px}
.video-copy{padding:19px 3px 0}.video-copy h3{font-size:20px;line-height:1.4;font-weight:500}
.video-copy a{display:inline-block;font-size:12px;color:#94b7e8;margin-top:10px}
.video-pattern{position:absolute;inset:0;background:radial-gradient(circle at 40% 30%,#2463b2,transparent 60%),repeating-linear-gradient(135deg,#5e99ff12 0 1px,transparent 1px 24px)}
.social-empty{border:1px solid #abc7ff25;border-radius:16px;padding:35px;display:flex;align-items:center;gap:30px;background:#9fbbff08}
.social-empty>span{font-size:55px;color:#80baff}.social-empty p{font-size:20px;line-height:1.6}
dialog.video-dialog{width:min(540px,calc(100% - 24px))}.video-dialog .modal-body{padding:18px}
.video-player-wrap{background:#06112b;border-radius:12px;overflow:hidden;max-width:440px;margin:auto}
.social-player{display:block;width:100%;height:min(64vh,670px);min-height:360px;border:0}
.admin-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.admin-video{display:flex;gap:22px;align-items:flex-start;margin-bottom:0;padding:20px}
.admin-video>img,.video-placeholder{width:96px;height:134px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#e4efff}
.video-placeholder{display:grid;place-items:center;color:#3b7ed9;font-size:24px}
.admin-video h3{font-size:18px;line-height:1.4;margin-top:10px}
.admin-video .text-link{font-size:12px;margin-bottom:16px}
.admin-video .editor-actions{gap:15px}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}
.reveal.is-visible{opacity:1;transform:none}
@keyframes orb-drift{to{transform:translate(220px,100px) scale(1.1)}}
@keyframes text-shimmer{to{background-position:100% 50%}}
@keyframes print-scan{from{background-position:0 100%}to{background-position:0 -100%}}
@media(max-width:1150px){#header-socials{display:none}.hero h1{font-size:clamp(3.6rem,6.5vw,6rem)}.hero-art{min-height:590px;margin-right:20px}.video-grid{gap:17px}.admin-video-grid{grid-template-columns:1fr}}
@media(max-width:700px){.hero{min-height:0}.hero h1{font-size:clamp(3.5rem,15vw,6rem)}.hero-copy{padding-top:40px}.hero-art{margin:0 5% 26px;min-height:380px;background-position:67% center;border-radius:18px}.hero-actions{gap:18px}.hero-actions .button{padding:16px}.hero-copy>p{font-size:16px}.hero-foot{padding-top:34px;padding-bottom:8px}.header-actions{gap:0}.social-section{margin:0 3% 45px;padding:35px 6%;border-radius:18px}.social-section .section-heading{flex-direction:column;gap:22px}.social-section .section-heading>p{font-size:14px}.social-profiles{gap:8px;margin:24px 0}.social-profiles .social-link{padding:10px 13px;font-size:12px;gap:8px}.social-profiles .social-link>span:last-child{margin-left:0}.social-icon{width:19px;height:19px}.video-grid{grid-template-columns:1fr;gap:28px;margin-top:25px}.video-cover{aspect-ratio:4/4.4}.video-copy h3{font-size:20px}.featured-badge{top:10px;right:10px;font-size:10px;padding:5px 7px}.social-empty{padding:25px;gap:20px}.social-empty p{font-size:17px}.admin-video{padding:16px;gap:16px}.admin-video>img,.video-placeholder{width:72px;height:104px}.admin-video .editor-actions{flex-wrap:wrap}footer .social-link{gap:8px}.header nav{font-size:13px}footer .admin-access{margin-top:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.product-image{display:block;text-decoration:none}.product-card h3 a{color:inherit;text-decoration:none}.product-card h3 a:hover{color:#2478d6}.ml-buy{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#0757a5;text-decoration:none;font-size:12px;font-weight:750;border-top:1px solid #dce6f2;margin-top:14px;padding-top:14px}.ml-buy:hover{color:#06235b}.market-detail-image{max-width:100%;max-height:320px;display:block;margin:auto;object-fit:contain}.brand img.brand-logo{object-fit:contain;width:44px;height:44px;border-radius:10px}.ml-admin-status{margin-bottom:18px}.sync-meta{font-size:13px;color:#58677d;line-height:1.7}