/*
Theme Name: Suntek Editable
Theme URI: https://www.suntekscm.com/
Author: Suntek Systems Inc. (UI/UX: Suha)
Description: Suntek Systems 리뉴얼 테마 5.0 — 시안 preview_1_0_34.html 을 그대로 옮긴 정적 테마입니다. 3.11.x 의 ACF·인라인 편집·베이크 zip 계층은 전부 걷어냈고, 관리자가 직접 관리하는 화면은 Videos & Tutorials 하나입니다.
Version: 5.0.2
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietary
Text Domain: suntek-editable
*/

/* =========================================================================
   폰트 — 시안은 Inter 를 base64 로 HTML 에 넣어 2.43MB 였습니다.
   5.0 은 latin + latin-ext 로 subset 한 가변 woff2 2개(합계 약 360KB)입니다.
   로만체는 header 에서 preload 합니다 (inc/assets.php).
   ⚠️ 시안과 같은 Inter 가변 폰트입니다. 다른 폰트로 바꾸지 마세요 —
      시안의 텍스트 466개를 전부 Inter 기준으로 확인했습니다.
   ========================================================================= */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/fonts/inter-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:italic;font-weight:100 900;font-display:swap;src:url("assets/fonts/inter-italic.woff2") format("woff2")}

/* =========================================================================
   아래는 시안 1.0.34 의 CSS 를 **순서 그대로** 옮긴 것입니다.
   빌드가 겹겹이 덮어쓴 규칙이 있어(예: .brand img 49px → .navbar .brand img 52px)
   순서를 바꾸면 화면이 달라집니다. 정리하지 마세요.

   접근성 기준 색 (1.0.31 WCAG AA 확정 — 되돌리지 말 것):
     hero 강조 #5b9cf0 (4.23:1) · 섹션 라벨 파랑 #2266bf (5.08:1) · 본문 회색 #5a6a7d (4.99:1)
   ========================================================================= */

:root{
  --navy:#08182f; --navy2:#0c2345; --blue:#174f92; --blue2:#2266bf;
  --sky:#79c8ff; --cyan:#75e4e9; --violet:#7d78ff; --ink:#13223a;
  --muted:#627189; --line:#dce5ef; --soft:#f4f7fb; --paper:#fff;
  --warm:#f8f6f1; --shadow:0 24px 70px rgba(8,24,47,.16);
  --radius:26px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",Arial,Helvetica,sans-serif;font-optical-sizing:auto;color:var(--ink);background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit} button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

/* header */
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,229,239,.88)}
.navbar{height:78px;max-width:1320px;margin:0 auto;padding:0 30px;display:flex;align-items:center;gap:24px}
.brand{border:0;background:transparent;padding:0;display:flex;align-items:center;min-width:248px}
.brand img{height:49px;width:auto}
.navlinks{margin-left:auto;display:flex;align-items:center;gap:4px}
.navbtn{border:0;background:transparent;padding:12px 13px;border-radius:12px;color:#30415c;font-size:14px;font-weight:700;letter-spacing:.01em;display:flex;align-items:center;gap:6px}
.navbtn:hover,.navbtn.active{background:#f1f6fc;color:var(--blue)}
.cta-top{margin-left:8px;border:0;background:var(--navy2);color:white;padding:12px 17px;border-radius:12px;font-weight:700;font-size:14px;box-shadow:0 8px 22px rgba(12,35,69,.18)}
.nav-divider{width:1px;height:18px;background:var(--line);margin:0 6px;flex:0 0 auto}
.navbtn{white-space:nowrap}.cta-top{white-space:nowrap}
.mobile-toggle{display:none;margin-left:auto;border:0;background:#eff4fa;border-radius:10px;width:42px;height:42px;font-size:19px}
@media(min-width:1041px) and (max-width:1365px){.navbar{gap:16px}.brand{min-width:0}.navlinks{gap:2px}.navbtn{padding:12px 9px}.nav-divider{margin:0 4px}.cta-top{margin-left:6px;padding:12px 14px}}

/* page system */
.page{display:none;min-height:calc(100vh - 78px)} .page.active{display:block;animation:pageIn .32s ease both}
@keyframes pageIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.wrap{max-width:1240px;margin:0 auto;padding:0 30px}

/* hero */
.hero{background:radial-gradient(circle at 78% 18%,rgba(121,200,255,.11),transparent 31%),linear-gradient(135deg,#061428 0%,#0a2344 58%,#0b3159 100%);color:white;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;inset:auto -8% -36% 48%;height:520px;background:radial-gradient(circle,rgba(117,228,233,.11),transparent 65%);pointer-events:none}
.hero-grid{min-height:690px;display:grid;grid-template-columns:minmax(0,1fr) minmax(470px,.92fr);gap:68px;align-items:center;padding-top:72px;padding-bottom:72px}
.eyebrow{font-size:11px;letter-spacing:.23em;text-transform:uppercase;font-weight:800;color:#91cfff;margin-bottom:21px}
h1{font-size:clamp(48px,5.3vw,76px);line-height:.99;letter-spacing:-.045em;margin:0 0 25px;max-width:760px}
.hero-lead{font-size:19px;line-height:1.68;color:#c9d7e9;max-width:680px;margin:0 0 31px}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary,.btn-ghost,.btn-light{border:0;border-radius:13px;padding:14px 19px;font-weight:800;font-size:14px}
.btn-primary{background:#fff;color:#0b2342}.btn-primary:hover{background:#eaf4ff}
.btn-ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.18)}.btn-ghost:hover{background:rgba(255,255,255,.11)}
.btn-light{background:#edf5ff;color:#174f92}
.hero-note{margin-top:26px;color:#8ea7c5;font-size:12px;letter-spacing:.02em}

/* symbolic visual stage */
.stage{position:relative;min-height:500px;border-radius:34px;border:1px solid rgba(175,211,245,.2);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.24);overflow:hidden;isolation:isolate}
.stage:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 32%,transparent 68%,rgba(121,200,255,.03));pointer-events:none}
.stage-caption{position:absolute;left:26px;bottom:22px;z-index:8;font-size:11px;color:#a9bdd4;letter-spacing:.08em;text-transform:uppercase}
.photo-note{position:absolute;right:24px;top:22px;z-index:8;font-size:10px;color:#dcefff;background:rgba(10,31,58,.46);border:1px solid rgba(135,197,238,.18);padding:7px 10px;border-radius:999px;backdrop-filter:blur(8px);letter-spacing:.08em;text-transform:uppercase}
.visual-svg{position:absolute;inset:0;width:100%;height:100%}
.route{stroke-dasharray:7 9;animation:route 12s linear infinite}@keyframes route{to{stroke-dashoffset:-160}}
.pulse{animation:pulse 2.9s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}
.float{animation:float 5.5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}

/* content sections */
.section{padding:105px 0}.section.soft{background:var(--soft)}.section.warm{background:var(--warm)}
.kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue2);font-weight:900;margin-bottom:16px}
h2{font-size:clamp(34px,4.3vw,57px);line-height:1.06;letter-spacing:-.035em;margin:0 0 22px;color:#102441}
.section-lead{font-size:18px;line-height:1.7;color:#5f6e82;max-width:760px;margin:0}
.statement{max-width:980px;font-size:clamp(35px,5vw,68px);line-height:1.07;letter-spacing:-.045em;color:#132a4c;margin:0}
.statement em{font-style:normal;color:var(--blue2)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.story-card{background:white;border:1px solid var(--line);border-radius:25px;padding:34px;box-shadow:0 20px 50px rgba(17,45,79,.07)}
.story-card h3{font-size:24px;letter-spacing:-.02em;margin:0 0 11px}.story-card p{color:#66768a;margin:0;line-height:1.7}

.product-grid{margin-top:46px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.product-card{border:1px solid #dce5ef;background:white;border-radius:22px;padding:27px 25px;min-height:228px;text-align:left;transition:.22s ease;position:relative;overflow:hidden}
.product-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--blue2),var(--cyan));opacity:0;transition:.2s}
.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(17,45,79,.1);border-color:#bdd5eb}.product-card:hover:before{opacity:1}
.product-card .num{font-size:11px;color:#8b9aab;font-weight:800;letter-spacing:.12em}.product-card .product-symbol{position:absolute;right:22px;top:20px;width:52px;height:52px;display:grid;place-items:center;transition:.22s ease}.product-card .product-symbol img{width:38px;height:38px;display:block}.product-card h3{font-size:24px;margin:28px 0 8px;color:#17365d}.product-card p{font-size:14px;color:#5a6a7d;margin:0;max-width:83%}.product-card .arrow{position:absolute;right:23px;bottom:22px;color:var(--blue2);font-size:20px}.product-card:hover .product-symbol{transform:translateY(-3px)}

.flowline{margin-top:45px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.flow-step{border-top:1px solid #cbd9e7;padding:20px 12px 0 0}.flow-step b{display:block;color:#19385f;margin-bottom:6px}.flow-step span{font-size:13px;color:#5a6a7d}

/* interior hero adjustments */
.product-hero .hero-grid{min-height:625px}.product-hero h1{font-size:clamp(48px,5vw,70px)}
.product-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:19px;color:#9dcdf4;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.product-label:before{content:"";width:26px;height:1px;background:#5baee9}

.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.metric{padding:26px;border-radius:20px;background:#fff;border:1px solid var(--line)}.metric b{font-size:16px;color:#16365e}.metric p{margin:7px 0 0;color:#5a6a7d;font-size:14px;line-height:1.6}

/* editorial media panels */
.media-panel{border-radius:28px;min-height:410px;position:relative;overflow:hidden;background:#0d2342;color:white;box-shadow:var(--shadow)}
.media-panel.light{background:#eaf1f8;color:#122843;box-shadow:none;border:1px solid #d6e1ec}
.media-label{position:absolute;left:26px;top:24px;font-size:11px;letter-spacing:.18em;font-weight:900;text-transform:uppercase;z-index:4}
.media-copy{position:absolute;left:30px;bottom:28px;max-width:70%;z-index:4}.media-copy b{display:block;font-size:25px;line-height:1.1;margin-bottom:7px}.media-copy span{font-size:13px;color:#bed0e4}.light .media-copy span{color:#657a91}

/* about timeline */
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:50px;border-top:1px solid #cbd9e6}
.time{padding:25px 25px 0 0;position:relative}.time:before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:50%;background:#2780ce;box-shadow:0 0 0 5px #d9efff}.time .year{font-size:12px;font-weight:900;color:#2266bf;letter-spacing:.12em}.time b{display:block;font-size:19px;margin:12px 0 6px}.time span{font-size:13px;color:#5a6a7d}

/* careers */
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.role{padding:27px;border:1px solid var(--line);border-radius:20px;background:white}.role b{display:block;color:#17385f;margin-bottom:8px}.role span{font-size:14px;color:#5a6a7d}

/* support/resources */
.editorial-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:42px}.editorial-card{border:1px solid var(--line);background:white;border-radius:22px;padding:30px;min-height:220px}.editorial-card h3{font-size:25px;margin:0 0 8px}.editorial-card p{color:#5a6a7d;margin:0}.editorial-card.big{min-height:310px;background:linear-gradient(145deg,#102d54,#0c1e39);color:white;border:none}.editorial-card.big p{color:#becde0}

/* modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(4,15,29,.68);backdrop-filter:blur(8px);z-index:150;display:none;align-items:center;justify-content:center;padding:22px}.modal-backdrop.show{display:flex}
.modal{width:min(820px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 35px 100px rgba(0,0,0,.35);padding:34px;position:relative}
.close{position:absolute;right:19px;top:17px;width:40px;height:40px;border:0;border-radius:50%;background:#eef3f8;font-size:20px}
.modal h3{font-size:34px;letter-spacing:-.03em;margin:0 0 8px}.modal>p{color:#6f7d90;margin:0 0 24px}
.demo-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.demo-option{border:1px solid var(--line);background:#fff;border-radius:15px;padding:17px;text-align:left}.demo-option.selected{border-color:#4a94d4;background:#eff8ff;box-shadow:inset 0 0 0 1px #4a94d4}.demo-option b{display:block;color:#17395f}.demo-option span{font-size:12px;color:#788699}
.form-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#4e6078}.field input,.field textarea{border:1px solid #ced9e5;border-radius:12px;padding:12px 13px;outline:none}.field input:focus,.field textarea:focus{border-color:#4388c7;box-shadow:0 0 0 3px rgba(67,136,199,.1)}
.submit-demo{margin-top:18px;border:0;background:#102e56;color:white;border-radius:13px;padding:14px 19px;font-weight:800}.form-note{font-size:12px;color:#8995a5;margin:10px 0 0}

.footer{background:#07172c;color:#9cb0c7;padding:60px 0 34px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer-logo{width:220px;background:white;border-radius:10px;padding:6px}.footer h4{color:white;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}.footer button{display:block;border:0;background:transparent;color:#9cb0c7;padding:4px 0;text-align:left}.footer button:hover{color:white}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:20px;font-size:12px}

@media(max-width:1040px){
 .hero-grid{grid-template-columns:1fr;gap:42px;min-height:auto}.stage{min-height:480px}.product-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.editorial-grid{grid-template-columns:1fr}.navlinks{display:none}.mobile-toggle{display:block}.navbar.mobile-open .navlinks{position:absolute;top:77px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:14px 20px 22px;display:flex;flex-direction:column;align-items:stretch;box-shadow:0 16px 30px rgba(13,42,72,.1)}.navbar.mobile-open .navbtn{width:100%;justify-content:space-between}.navbar.mobile-open .cta-top{margin:5px 0 0}.navbar.mobile-open .nav-divider{width:auto;height:1px;margin:6px 13px}.metric-row,.role-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr;row-gap:28px}.flowline{grid-template-columns:1fr 1fr}}
@media(max-width:620px){
 .navbar,.wrap{padding-left:18px;padding-right:18px}.brand{min-width:auto}.brand img{height:42px}.hero-grid{padding-top:54px;padding-bottom:54px}.hero-lead{font-size:17px}.stage{min-height:390px;border-radius:24px}.section{padding:76px 0}.product-grid,.demo-options,.form-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.flowline{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.modal{padding:28px 20px}.field.full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* HOME hero — abstract operational intelligence window */
.home-hero-stage{min-height:500px;overflow:visible;border:0;background:transparent;box-shadow:none;isolation:isolate;perspective:1200px}
.home-hero-stage:before{display:none}
.home-ambient{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none;opacity:.7}
.home-ambient-a{width:430px;height:430px;right:-20px;top:28px;background:radial-gradient(circle,rgba(73,163,255,.19),rgba(73,163,255,0) 68%)}
.home-ambient-b{width:340px;height:340px;left:20px;bottom:-28px;background:radial-gradient(circle,rgba(117,228,233,.13),rgba(117,228,233,0) 72%)}
.home-orbit{position:absolute;border:1px solid rgba(132,211,247,.14);border-radius:50%;pointer-events:none;transform:rotate(-17deg)}
.home-orbit-a{width:530px;height:250px;left:0;top:92px}
.home-orbit-b{width:430px;height:188px;right:-16px;bottom:38px;transform:rotate(16deg)}

.home-ui-shell{position:absolute;left:52%;top:50%;width:82%;height:72%;transform:translate(-50%,-50%) perspective(1200px) rotateY(-11deg) rotateX(4deg);transform-style:preserve-3d;background:linear-gradient(150deg,rgba(18,42,72,.97),rgba(7,19,37,.96));border:1px solid rgba(160,211,244,.16);border-radius:20px;padding:18px;box-shadow:0 30px 70px rgba(0,0,0,.34),0 0 55px rgba(54,151,255,.10),inset 0 1px rgba(255,255,255,.055);transition:transform .18s ease-out,box-shadow .28s ease;will-change:transform}
.home-ui-shell:hover{box-shadow:0 36px 90px rgba(0,0,0,.42),0 0 70px rgba(79,181,255,.15),inset 0 1px rgba(255,255,255,.07)}
.home-ui-topbar{height:31px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.055);padding-bottom:12px;gap:10px}
.home-window-dots{display:flex;gap:6px}.home-window-dots span{width:7px;height:7px;border-radius:50%;background:rgba(210,232,248,.26)}
.home-window-dots span:nth-child(2){opacity:.7}.home-window-dots span:nth-child(3){opacity:.45}
.home-ui-pill{margin-left:auto;width:82px;height:9px;border-radius:999px;background:rgba(205,232,249,.08)}
.home-ui-avatar{width:19px;height:19px;border-radius:50%;background:linear-gradient(135deg,rgba(117,228,233,.8),rgba(121,148,255,.72));box-shadow:0 0 22px rgba(117,228,233,.2)}
.home-ui-body{height:calc(100% - 31px);display:grid;grid-template-columns:42px 1fr;gap:16px;padding-top:16px}
.home-ui-rail{border-right:1px solid rgba(255,255,255,.045);display:flex;flex-direction:column;align-items:center;gap:19px;padding-top:8px}
.rail-dot{width:11px;height:11px;border-radius:3px;background:rgba(183,214,238,.12)}.rail-dot.active{background:linear-gradient(135deg,#73e6df,#6e93ff);box-shadow:0 0 18px rgba(115,230,223,.25)}
.home-ui-main{display:flex;flex-direction:column;gap:12px}.home-ui-row{display:grid;gap:12px}.home-ui-row-top{grid-template-columns:1.45fr .75fr}.home-ui-row-bottom{grid-template-columns:repeat(3,1fr)}
.mini-panel{position:relative;border:1px solid rgba(160,205,238,.09);background:linear-gradient(145deg,rgba(255,255,255,.036),rgba(255,255,255,.012));border-radius:13px;padding:13px;overflow:hidden}
.mini-panel-wide,.mini-panel-stat{height:92px}.mini-panel-chart{height:132px}.mini-panel-small{height:74px}
.mini-kicker{display:block;width:36%;height:7px;border-radius:999px;background:rgba(214,235,250,.11);margin-bottom:12px}.mini-line{height:6px;border-radius:999px;background:rgba(210,232,248,.11);margin-top:7px}.mini-line.long{width:76%}.mini-line.mid{width:52%}.mini-line.short{width:58%;margin-left:28px}.mini-line.tiny{width:40%;margin-left:28px;opacity:.65}
.mini-spark{position:absolute;right:12px;bottom:11px;left:12px;height:28px;display:flex;align-items:flex-end;gap:5px}.mini-spark i{display:block;flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,rgba(57,132,232,.45),rgba(117,228,233,.92));transform-origin:bottom;animation:homeBars 3.8s ease-in-out infinite}.mini-spark i:nth-child(1){height:35%}.mini-spark i:nth-child(2){height:62%;animation-delay:.25s}.mini-spark i:nth-child(3){height:48%;animation-delay:.45s}.mini-spark i:nth-child(4){height:82%;animation-delay:.15s}.mini-spark i:nth-child(5){height:65%;animation-delay:.35s}.mini-spark i:nth-child(6){height:92%;animation-delay:.55s}@keyframes homeBars{0%,100%{transform:scaleY(.82);opacity:.72}50%{transform:scaleY(1);opacity:1}}
.mini-ring{position:absolute;left:50%;top:52%;width:48px;height:48px;border-radius:50%;transform:translate(-50%,-50%);background:conic-gradient(#73e6df 0 39%,#6f92ff 39% 73%,rgba(255,255,255,.08) 73%);display:grid;place-items:center}.mini-ring:after{content:"";width:34px;height:34px;border-radius:50%;background:#10243f}.mini-ring b{position:absolute;width:6px;height:6px;border-radius:50%;background:#baf7f3;box-shadow:0 0 12px #73e6df;z-index:2;transform:translate(17px,-9px)}
.mini-panel-chart svg{width:100%;height:92px;margin-top:-4px;filter:drop-shadow(0 0 10px rgba(117,228,233,.10))}.mini-panel-chart path:first-of-type{stroke-dasharray:520;stroke-dashoffset:520;animation:homeLineDraw 4.6s ease-in-out infinite}@keyframes homeLineDraw{0%,12%{stroke-dashoffset:520;opacity:.25}48%,100%{stroke-dashoffset:0;opacity:1}}
.mini-icon{position:absolute;left:13px;top:20px;width:14px;height:14px;border:2px solid rgba(117,228,233,.7);border-radius:4px;box-shadow:0 0 14px rgba(117,228,233,.16)}.mini-icon.round{border-radius:50%;border-color:rgba(124,153,255,.75)}.mini-icon.diamond{border-radius:3px;transform:rotate(45deg);border-color:rgba(147,137,255,.78)}
.home-pointer-glow{position:absolute;width:180px;height:180px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(118,223,237,.13),rgba(118,223,237,0) 68%);transform:translate(-50%,-50%);left:50%;top:50%;opacity:.55;transition:opacity .25s ease}
.home-float-chip{position:absolute;width:88px;height:58px;border-radius:14px;border:1px solid rgba(143,207,242,.16);background:linear-gradient(145deg,rgba(18,51,86,.86),rgba(10,29,53,.77));backdrop-filter:blur(10px);box-shadow:0 18px 45px rgba(0,0,0,.22);padding:12px;z-index:3;animation:homeFloat 5.5s ease-in-out infinite}.home-float-chip span{display:block;width:15px;height:15px;border-radius:4px;border:2px solid rgba(117,228,233,.72);margin-bottom:8px}.home-float-chip i{display:block;height:4px;border-radius:999px;background:rgba(205,231,248,.12);margin-top:4px}.home-float-chip i:last-child{width:65%}.chip-one{left:2px;top:102px}.chip-two{right:-4px;top:92px;animation-delay:.7s}.chip-three{right:28px;bottom:42px;animation-delay:1.35s}@keyframes homeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

@media(max-width:1040px){.home-hero-stage{min-height:480px}.home-ui-shell{width:76%;left:50%;transform:translate(-50%,-50%)}.chip-one{left:7%}.chip-two{right:7%}}
@media(max-width:620px){.home-hero-stage{min-height:390px}.home-ui-shell{width:88%;height:69%;padding:13px;transform:translate(-50%,-50%)}.home-float-chip{display:none}.home-ui-body{grid-template-columns:32px 1fr;gap:10px}.mini-panel-wide,.mini-panel-stat{height:76px}.mini-panel-chart{height:108px}.mini-panel-small{height:60px}}
@media(prefers-reduced-motion:reduce){.home-ui-shell{transform:translate(-50%,-50%)!important}.home-pointer-glow{display:none}}


/* shared pointer glow for tilted hero cards */
.pointer-glow{position:absolute;width:190px;height:190px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);left:50%;top:50%;opacity:.45;transition:opacity .25s ease}
.home-pointer-glow{background:radial-gradient(circle,rgba(118,223,237,.13),rgba(118,223,237,0) 68%)}
.ai-pointer-glow{background:radial-gradient(circle,rgba(131,223,255,.14),rgba(131,223,255,0) 70%)}

/* AI hero — contextual intelligence visual */
.ai-hero-stage{min-height:520px;overflow:visible;border:0;background:transparent;box-shadow:none;isolation:isolate;perspective:1200px}
.ai-hero-stage:before{display:none}
.ai-ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
.ai-ambient-a{width:410px;height:410px;left:-28px;top:38px;background:radial-gradient(circle,rgba(93,170,255,.18),rgba(93,170,255,0) 68%)}
.ai-ambient-b{width:330px;height:330px;right:-10px;bottom:2px;background:radial-gradient(circle,rgba(117,228,233,.13),rgba(117,228,233,0) 72%)}
.ai-orbit{position:absolute;border:1px solid rgba(132,211,247,.14);border-radius:50%;pointer-events:none}
.ai-orbit-a{width:530px;height:250px;left:-6px;top:96px;transform:rotate(-14deg)}
.ai-orbit-b{width:430px;height:182px;right:8px;bottom:42px;transform:rotate(16deg)}
.ai-visual-shell{position:absolute;left:52%;top:50%;width:84%;height:74%;transform:translate(-50%,-50%) perspective(1200px) rotateY(-10deg) rotateX(3deg);transform-style:preserve-3d;background:linear-gradient(150deg,rgba(18,42,72,.98),rgba(8,20,39,.97));border:1px solid rgba(160,211,244,.16);border-radius:22px;padding:18px;box-shadow:0 32px 78px rgba(0,0,0,.36),0 0 60px rgba(54,151,255,.09),inset 0 1px rgba(255,255,255,.055);transition:transform .18s ease-out,box-shadow .28s ease;will-change:transform}
.ai-visual-shell:hover{box-shadow:0 38px 92px rgba(0,0,0,.42),0 0 72px rgba(79,181,255,.14),inset 0 1px rgba(255,255,255,.07)}
.ai-shell-topbar{height:31px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.055);padding-bottom:12px}
.ai-window-dots{display:flex;gap:6px}.ai-window-dots span{width:7px;height:7px;border-radius:50%;background:rgba(210,232,248,.26)}.ai-window-dots span:nth-child(2){opacity:.7}.ai-window-dots span:nth-child(3){opacity:.45}
.ai-shell-search{margin-left:auto;width:118px;height:9px;border-radius:999px;background:rgba(205,232,249,.08)}
.ai-shell-badge{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,rgba(117,228,233,.9),rgba(121,148,255,.78));box-shadow:0 0 22px rgba(117,228,233,.18)}
.ai-shell-body{height:calc(100% - 31px);display:grid;grid-template-columns:1.08fr .8fr 1.08fr;gap:14px;padding-top:16px}
.ai-column{display:flex;flex-direction:column;gap:12px}
.ai-panel{position:relative;border:1px solid rgba(160,205,238,.09);background:linear-gradient(145deg,rgba(255,255,255,.036),rgba(255,255,255,.012));border-radius:14px;padding:13px;overflow:hidden}
.ai-panel-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ai-panel-head i{display:block;width:24px;height:6px;border-radius:999px;background:rgba(214,235,250,.11)}.ai-panel-head i:nth-child(2){width:36px}.ai-panel-head i:nth-child(3){width:18px;opacity:.7}
.ai-doc-card{height:96px}
.ai-doc-sheet{position:absolute;left:16px;top:18px;width:58px;height:70px;border-radius:12px;background:linear-gradient(180deg,rgba(225,241,255,.16),rgba(225,241,255,.06));border:1px solid rgba(225,241,255,.14)}
.ai-doc-sheet:before{content:"";position:absolute;right:0;top:0;border-width:0 14px 14px 0;border-style:solid;border-color:transparent rgba(145,217,255,.35) transparent transparent;border-top-right-radius:10px}
.ai-doc-sheet .line{display:block;height:5px;border-radius:999px;background:rgba(225,241,255,.16);margin:12px 10px 0}
.ai-doc-sheet .line.short{width:54%;margin-top:8px}.ai-doc-sheet .line.mid{width:70%;margin-top:8px}
.ai-doc-meta{position:absolute;left:88px;right:16px;top:22px}.ai-doc-meta span{display:block;height:6px;border-radius:999px;background:rgba(210,232,248,.11);margin-top:8px}.ai-doc-meta span.long{width:88%}.ai-doc-meta span.mid{width:64%}.ai-doc-meta span.short{width:42%}
.ai-doc-scan{position:absolute;left:13px;right:13px;bottom:11px;height:24px;border-radius:10px;background:linear-gradient(90deg,rgba(57,132,232,.08),rgba(117,228,233,.10));overflow:hidden}.ai-doc-scan:after{content:"";position:absolute;top:0;bottom:0;width:34%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.18),rgba(255,255,255,0));animation:aiScan 3.8s ease-in-out infinite}@keyframes aiScan{0%{transform:translateX(-120%)}55%,100%{transform:translateX(260%)}}
.ai-panel.fields{height:124px}.ai-field-row{display:flex;gap:10px;margin-top:10px}.ai-field-chip{flex:1;height:44px;border-radius:12px;border:1px solid rgba(173,214,241,.1);background:rgba(255,255,255,.028);padding:11px}.ai-field-chip b,.ai-field-chip i{display:block;height:6px;border-radius:999px;background:rgba(216,235,250,.12)}.ai-field-chip i{margin-top:8px;width:72%}.ai-field-chip.highlight{background:linear-gradient(145deg,rgba(92,171,255,.10),rgba(117,228,233,.08));box-shadow:0 0 0 1px rgba(126,201,239,.08) inset}
.ai-panel.stack{height:90px}.ai-stack-bands{display:flex;gap:7px;align-items:flex-end;height:52px;margin-top:14px}.ai-stack-bands span{display:block;flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(to top,rgba(57,132,232,.40),rgba(117,228,233,.88));opacity:.9;animation:aiBands 4.2s ease-in-out infinite;transform-origin:bottom}.ai-stack-bands span:nth-child(1){height:46%}.ai-stack-bands span:nth-child(2){height:74%;animation-delay:.25s}.ai-stack-bands span:nth-child(3){height:58%;animation-delay:.45s}.ai-stack-bands span:nth-child(4){height:88%;animation-delay:.15s}.ai-stack-bands span:nth-child(5){height:68%;animation-delay:.35s}@keyframes aiBands{0%,100%{transform:scaleY(.82);opacity:.72}50%{transform:scaleY(1);opacity:1}}
.ai-center{position:relative;display:grid;place-items:center}
.ai-core{position:relative;width:168px;height:168px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(117,228,233,.14),rgba(117,228,233,.02) 52%,rgba(117,228,233,0) 66%)}
.ai-core-ring,.ai-core-ring:before{position:absolute;inset:0;border-radius:50%}.ai-core-ring{border:1px solid rgba(134,213,239,.22);box-shadow:0 0 35px rgba(117,228,233,.06) inset}.ai-core-ring.ring-two{inset:16px;border-color:rgba(130,180,255,.18)}
.ai-core-dot{position:absolute;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#83ecf0,#7396ff);box-shadow:0 0 22px rgba(117,228,233,.30),0 0 45px rgba(118,150,255,.16)}
.ai-core-pulse{position:absolute;width:44px;height:44px;border-radius:50%;border:1px solid rgba(131,223,255,.28);animation:aiPulse 3s ease-out infinite}.ai-core-pulse.p2{animation-delay:1s}.ai-core-pulse.p3{animation-delay:2s}@keyframes aiPulse{0%{transform:scale(.55);opacity:.66}85%,100%{transform:scale(2.1);opacity:0}}
.ai-node{position:absolute;width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,rgba(18,51,86,.95),rgba(10,29,53,.84));border:1px solid rgba(143,207,242,.14);box-shadow:0 18px 35px rgba(0,0,0,.20);display:grid;place-items:center}
.ai-node span{display:block;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#73e6df,#6f92ff);box-shadow:0 0 12px rgba(115,230,223,.22)}
.ai-node.a{left:8px;top:18px}.ai-node.b{right:6px;top:36px}.ai-node.c{left:26px;bottom:42px}.ai-node.d{right:16px;bottom:18px}
.ai-node-line{position:absolute;background:linear-gradient(90deg,rgba(115,230,223,.4),rgba(111,146,255,.08));height:1px;transform-origin:left center;opacity:.75}
.ai-node-line.l1{width:76px;left:42px;top:35px;transform:rotate(14deg)}.ai-node-line.l2{width:72px;right:40px;top:62px;transform:rotate(-17deg)}.ai-node-line.l3{width:72px;left:56px;bottom:74px;transform:rotate(-16deg)}.ai-node-line.l4{width:70px;right:50px;bottom:62px;transform:rotate(18deg)}
.ai-center-legend{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:8px}.ai-center-legend span{width:38px;height:6px;border-radius:999px;background:rgba(214,235,250,.11)}.ai-center-legend span:nth-child(2){width:56px}
.ai-action-card{height:108px}.ai-action-card .ai-action-lines{display:flex;flex-direction:column;gap:8px;margin-top:8px}.ai-action-card .ai-action-lines span{display:block;height:6px;border-radius:999px;background:rgba(210,232,248,.11)}.ai-action-card .ai-action-lines span:nth-child(1){width:76%}.ai-action-card .ai-action-lines span:nth-child(2){width:88%}.ai-action-card .ai-action-lines span:nth-child(3){width:58%}
.ai-action-pillrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ai-action-pillrow i{display:block;width:54px;height:22px;border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(160,205,238,.08)}.ai-action-pillrow i.active{background:linear-gradient(145deg,rgba(92,171,255,.16),rgba(117,228,233,.14));border-color:rgba(126,201,239,.16)}
.ai-panel.next{height:112px}.ai-next-strip{position:absolute;left:14px;right:14px;bottom:14px;height:34px;border-radius:12px;background:linear-gradient(90deg,rgba(57,132,232,.18),rgba(117,228,233,.22));display:flex;align-items:center;padding:0 12px;gap:10px}.ai-next-strip b{display:block;width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.16)}.ai-next-strip i{display:block;height:6px;border-radius:999px;background:rgba(255,255,255,.18);flex:1}.ai-next-strip i.short{max-width:34%}
.ai-panel.timeline{height:90px}.ai-timeline{position:relative;height:48px;margin-top:12px}.ai-timeline:before{content:"";position:absolute;left:0;right:0;top:22px;height:1px;background:linear-gradient(90deg,rgba(115,230,223,.18),rgba(111,146,255,.24))}.ai-timeline span{position:absolute;top:14px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#73e6df,#6f92ff);box-shadow:0 0 16px rgba(115,230,223,.14)}.ai-timeline span:nth-child(1){left:10%}.ai-timeline span:nth-child(2){left:42%}.ai-timeline span:nth-child(3){left:74%}.ai-timeline span:nth-child(4){left:92%}
.ai-float-symbol{position:absolute;width:72px;height:72px;border-radius:18px;border:1px solid rgba(143,207,242,.16);background:linear-gradient(145deg,rgba(18,51,86,.86),rgba(10,29,53,.77));backdrop-filter:blur(10px);box-shadow:0 18px 45px rgba(0,0,0,.22);display:grid;place-items:center;z-index:3;animation:aiFloat 6s ease-in-out infinite}.ai-float-symbol img{width:44px;height:44px;display:block}.ai-float-symbol.one{left:14px;top:86px}.ai-float-symbol.two{right:4px;top:96px;animation-delay:.7s}.ai-float-symbol.three{right:18px;bottom:38px;animation-delay:1.35s}.ai-float-symbol.four{left:36px;bottom:58px;animation-delay:1.9s}@keyframes aiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.ai-stage-caption{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);white-space:nowrap;font-size:13px;color:#7e8fa2;letter-spacing:.02em}

@media(max-width:1040px){.ai-hero-stage{min-height:500px}.ai-visual-shell{width:79%;left:50%;transform:translate(-50%,-50%)}.ai-float-symbol.one{left:7%}.ai-float-symbol.two{right:7%}}
@media(max-width:620px){.ai-hero-stage{min-height:410px}.ai-visual-shell{width:90%;height:72%;padding:13px;transform:translate(-50%,-50%)}.ai-shell-body{grid-template-columns:1fr .65fr 1fr;gap:10px}.ai-float-symbol{display:none}.ai-center{transform:scale(.88)}.ai-stage-caption{white-space:normal;width:86%;text-align:center;bottom:-22px}.ai-doc-card{height:84px}.ai-panel.fields{height:108px}.ai-action-card{height:96px}.ai-panel.next{height:100px}.ai-panel.timeline{height:76px}}
@media(prefers-reduced-motion:reduce){.ai-visual-shell{transform:translate(-50%,-50%)!important}.pointer-glow{display:none}}



/* v1.0.4 refinements */
.brand img{height:34px;width:auto;display:block}
@media(max-width:620px){.brand img{height:30px}}

/* keep the three lower mini-panels visually clean */
.mini-panel-small{padding-right:14px}
.mini-panel-small .mini-line.short{width:calc(100% - 44px);max-width:calc(100% - 44px);margin-left:28px}
.mini-panel-small .mini-line.tiny{width:calc(72% - 18px);max-width:calc(72% - 18px);margin-left:28px}
@media(max-width:620px){
  .mini-panel-small .mini-line.short{width:calc(100% - 42px);max-width:calc(100% - 42px)}
  .mini-panel-small .mini-line.tiny{width:calc(66% - 14px);max-width:calc(66% - 14px)}
}


/* v1.0.5 refinements */
.footer-logo{width:170px;background:transparent;border-radius:0;padding:0}
.footer-grid>div:first-child{display:flex;flex-direction:column;gap:14px}

/* Home hero lower three mini windows: keep internal lines fully contained */
.home-ui-row-bottom .mini-panel-small{overflow:hidden;padding:16px 14px 12px 13px}
.home-ui-row-bottom .mini-panel-small .mini-icon{left:13px;top:18px}
.home-ui-row-bottom .mini-panel-small .mini-line{display:block;margin-right:10px}
.home-ui-row-bottom .mini-panel-small .mini-line.short{width:56%;max-width:56%;margin-left:28px}
.home-ui-row-bottom .mini-panel-small .mini-line.tiny{width:38%;max-width:38%;margin-left:28px}
@media(max-width:620px){
  .home-ui-row-bottom .mini-panel-small{padding:14px 12px 10px 12px}
  .home-ui-row-bottom .mini-panel-small .mini-icon{left:11px;top:16px}
  .home-ui-row-bottom .mini-panel-small .mini-line.short{width:52%;max-width:52%;margin-left:24px}
  .home-ui-row-bottom .mini-panel-small .mini-line.tiny{width:34%;max-width:34%;margin-left:24px}
}


/* v1.0.6 hero system refresh */
.editorial-stage{--wash1:#f5fbff;--wash2:#eaf4ff;--wash3:#dff6f8;--surface1:rgba(255,255,255,.92);--surface2:rgba(255,255,255,.66);--ink:#16365e;--muted:#7c8ea3;--accent1:#5fb7ff;--accent2:#72e6df;--accent3:#9c90ff;min-height:510px;overflow:visible;border:0;background:transparent;box-shadow:none;isolation:isolate;perspective:1200px}
.editorial-stage:before{display:none}
.editorial-stage .stage-grid{position:absolute;inset:18px;border-radius:30px;background:
  linear-gradient(rgba(68,132,214,.055) 1px, transparent 1px),
  linear-gradient(90deg, rgba(68,132,214,.055) 1px, transparent 1px),
  linear-gradient(145deg,var(--wash1),var(--wash2) 58%,var(--wash3));background-size:36px 36px,36px 36px,100% 100%;box-shadow:inset 0 1px rgba(255,255,255,.7)}
.editorial-stage .stage-ambient{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.editorial-stage .ambient-a{width:360px;height:360px;left:-24px;top:20px;background:radial-gradient(circle, color-mix(in srgb, var(--accent1) 18%, white), transparent 68%)}
.editorial-stage .ambient-b{width:300px;height:300px;right:0;bottom:18px;background:radial-gradient(circle, color-mix(in srgb, var(--accent2) 18%, white), transparent 72%)}
.editorial-stage .ambient-c{width:220px;height:220px;right:74px;top:-2px;background:radial-gradient(circle, color-mix(in srgb, var(--accent3) 15%, white), transparent 72%)}
.editorial-stage .stage-orbit{position:absolute;border:1px solid rgba(99,159,215,.18);border-radius:50%;pointer-events:none}
.editorial-stage .orbit-a{width:520px;height:248px;left:4px;top:96px;transform:rotate(-14deg)}
.editorial-stage .orbit-b{width:420px;height:190px;right:-6px;bottom:46px;transform:rotate(14deg)}
.editorial-stage .editorial-shell{position:absolute;left:52%;top:50%;width:84%;height:74%;transform:translate(-50%,-50%) perspective(1200px) rotateY(-10deg) rotateX(3deg);transform-style:preserve-3d;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(245,250,255,.8));border:1px solid rgba(175,203,231,.55);border-radius:24px;padding:18px;box-shadow:0 28px 72px rgba(38,84,129,.13),0 8px 22px rgba(38,84,129,.08), inset 0 1px rgba(255,255,255,.88);transition:transform .18s ease-out,box-shadow .28s ease;will-change:transform;overflow:hidden}
.editorial-stage .editorial-shell:hover{box-shadow:0 34px 84px rgba(38,84,129,.18),0 10px 26px rgba(38,84,129,.09), inset 0 1px rgba(255,255,255,.92)}
.editorial-stage .editorial-topbar{display:flex;align-items:center;gap:10px;height:31px;padding-bottom:12px;border-bottom:1px solid rgba(109,152,199,.16)}
.editorial-stage .editorial-dots{display:flex;gap:6px}.editorial-stage .editorial-dots span{width:7px;height:7px;border-radius:50%;background:rgba(116,150,192,.34)}.editorial-stage .editorial-dots span:nth-child(2){opacity:.7}.editorial-stage .editorial-dots span:nth-child(3){opacity:.45}
.editorial-stage .editorial-search{margin-left:auto;width:118px;height:10px;border-radius:999px;background:rgba(150,184,219,.18)}
.editorial-stage .editorial-badge{width:22px;height:22px;border-radius:8px;background:linear-gradient(145deg,var(--accent1),var(--accent2));box-shadow:0 0 16px color-mix(in srgb, var(--accent1) 24%, transparent)}
.editorial-stage .editorial-body{height:calc(100% - 31px);display:grid;grid-template-columns:42px 1fr;gap:16px;padding-top:16px}
.editorial-stage .editorial-rail{border-right:1px solid rgba(109,152,199,.12);display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:8px}
.editorial-stage .editorial-rail span{width:11px;height:11px;border-radius:4px;background:rgba(156,181,206,.24)}.editorial-stage .editorial-rail span.active{background:linear-gradient(145deg,var(--accent1),var(--accent2));box-shadow:0 0 14px rgba(95,183,255,.18)}
.editorial-stage .editorial-main{display:flex;flex-direction:column;gap:12px}
.editorial-stage .e-row{display:grid;gap:12px}.editorial-stage .e-row.cols-2{grid-template-columns:1.4fr .85fr}.editorial-stage .e-row.cols-3{grid-template-columns:repeat(3,1fr)}.editorial-stage .e-row.cols-2-even{grid-template-columns:1fr 1fr}.editorial-stage .e-row.cols-4{grid-template-columns:repeat(4,1fr)}
.editorial-stage .e-panel{position:relative;border:1px solid rgba(171,200,229,.42);background:linear-gradient(145deg,var(--surface1),var(--surface2));border-radius:16px;padding:14px;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.65)}
.editorial-stage .e-kicker{display:block;width:38%;height:7px;border-radius:999px;background:rgba(147,178,210,.22);margin-bottom:12px}
.editorial-stage .e-kicker.long{width:52%}.editorial-stage .e-kicker.short{width:24%}
.editorial-stage .e-line{display:block;height:6px;border-radius:999px;background:rgba(139,170,203,.2);margin-top:7px}.editorial-stage .e-line.long{width:78%}.editorial-stage .e-line.mid{width:56%}.editorial-stage .e-line.short{width:38%}.editorial-stage .e-line.tiny{width:26%}
.editorial-stage .e-pillrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.editorial-stage .e-pillrow i{display:block;width:58px;height:22px;border-radius:999px;background:rgba(145,177,209,.14);border:1px solid rgba(171,200,229,.32)}.editorial-stage .e-pillrow i.active{background:linear-gradient(145deg, color-mix(in srgb, var(--accent1) 18%, white), color-mix(in srgb, var(--accent2) 20%, white));border-color:rgba(129,188,227,.44)}
.editorial-stage .e-stat-ring{position:absolute;left:50%;top:52%;width:56px;height:56px;border-radius:50%;transform:translate(-50%,-50%);background:conic-gradient(var(--accent1) 0 36%,var(--accent2) 36% 68%, rgba(155,179,206,.18) 68%);display:grid;place-items:center}.editorial-stage .e-stat-ring:after{content:"";width:40px;height:40px;border-radius:50%;background:white;box-shadow:inset 0 0 0 1px rgba(175,203,231,.35)}
.editorial-stage .e-stat-ring b{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 12px color-mix(in srgb, var(--accent2) 36%, transparent);z-index:2;transform:translate(18px,-10px)}
.editorial-stage .e-bars{position:absolute;left:14px;right:14px;bottom:12px;height:34px;display:flex;align-items:flex-end;gap:6px}.editorial-stage .e-bars i{display:block;flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(to top,var(--accent1),var(--accent2));opacity:.86;transform-origin:bottom;animation:eBarPulse 4.2s ease-in-out infinite}.editorial-stage .e-bars i:nth-child(1){height:42%}.editorial-stage .e-bars i:nth-child(2){height:74%;animation-delay:.2s}.editorial-stage .e-bars i:nth-child(3){height:52%;animation-delay:.4s}.editorial-stage .e-bars i:nth-child(4){height:90%;animation-delay:.12s}.editorial-stage .e-bars i:nth-child(5){height:68%;animation-delay:.34s}.editorial-stage .e-bars i:nth-child(6){height:84%;animation-delay:.52s}@keyframes eBarPulse{0%,100%{transform:scaleY(.82);opacity:.72}50%{transform:scaleY(1);opacity:1}}
.editorial-stage .e-chart svg{width:100%;height:94px;margin-top:-4px}.editorial-stage .e-chart path:first-of-type{stroke-dasharray:520;animation:eLineDraw 4.8s ease-in-out infinite}@keyframes eLineDraw{0%,10%{stroke-dashoffset:520;opacity:.2}45%,100%{stroke-dashoffset:0;opacity:1}}
.editorial-stage .e-doc{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:start}.editorial-stage .e-doc-sheet{height:74px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(240,248,255,.56));border:1px solid rgba(171,200,229,.42);position:relative}.editorial-stage .e-doc-sheet:before{content:"";position:absolute;right:0;top:0;border-width:0 16px 16px 0;border-style:solid;border-color:transparent rgba(152,214,222,.46) transparent transparent;border-top-right-radius:10px}.editorial-stage .e-doc-sheet i{display:block;height:5px;border-radius:999px;background:rgba(142,173,205,.22);margin:12px 10px 0}.editorial-stage .e-doc-sheet i:nth-child(2){width:68%}.editorial-stage .e-doc-sheet i:nth-child(3){width:44%}
.editorial-stage .e-doc-lines{padding-top:4px}
.editorial-stage .e-flow{display:flex;gap:10px;align-items:center;margin-top:14px}.editorial-stage .e-flow .node{width:30px;height:30px;border-radius:10px;background:white;border:1px solid rgba(171,200,229,.42);box-shadow:0 10px 20px rgba(51,92,135,.06);display:grid;place-items:center}.editorial-stage .e-flow .node b{display:block;width:11px;height:11px;border-radius:4px;background:linear-gradient(145deg,var(--accent1),var(--accent2))}.editorial-stage .e-flow .link{flex:1;height:2px;background:linear-gradient(90deg,var(--accent1),var(--accent2));opacity:.34}
.editorial-stage .e-chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.editorial-stage .e-chip{height:56px;border-radius:14px;border:1px solid rgba(171,200,229,.36);background:rgba(255,255,255,.7);position:relative;padding:12px}.editorial-stage .e-chip .dot{width:14px;height:14px;border-radius:5px;background:linear-gradient(145deg,var(--accent1),var(--accent2));margin-bottom:8px;box-shadow:0 0 12px rgba(95,183,255,.16)}
.editorial-stage .e-avatars{display:flex;gap:10px;margin-top:10px}.editorial-stage .e-avatars span{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg, color-mix(in srgb, var(--accent1) 28%, white), color-mix(in srgb, var(--accent2) 28%, white));border:1px solid rgba(171,200,229,.4)}
.editorial-stage .e-book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.editorial-stage .e-book{height:70px;border-radius:14px;background:rgba(255,255,255,.76);border:1px solid rgba(171,200,229,.34);padding:12px}
.editorial-stage .e-lane{height:52px;border-radius:14px;background:linear-gradient(90deg,rgba(255,255,255,.82),rgba(247,251,255,.68));border:1px solid rgba(171,200,229,.34);display:flex;align-items:center;gap:10px;padding:0 12px}.editorial-stage .e-lane b{width:18px;height:18px;border-radius:6px;background:linear-gradient(145deg,var(--accent1),var(--accent2))}.editorial-stage .e-lane i{display:block;height:6px;border-radius:999px;background:rgba(139,170,203,.2);flex:1}.editorial-stage .e-lane i.short{max-width:36%}
.editorial-stage .editorial-pointer-glow{position:absolute;width:190px;height:190px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(111,205,237,.16),rgba(111,205,237,0) 68%);transform:translate(-50%,-50%);left:50%;top:50%;opacity:.42;transition:opacity .25s ease}
.editorial-stage .e-float{position:absolute;display:grid;place-items:center;z-index:3;border-radius:18px;border:1px solid rgba(171,200,229,.36);background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(244,249,255,.72));backdrop-filter:blur(12px);box-shadow:0 20px 34px rgba(51,92,135,.10);animation:eFloat 6s ease-in-out infinite}.editorial-stage .e-float img{width:40px;height:40px;display:block}.editorial-stage .e-float.small{width:70px;height:70px}.editorial-stage .e-float.wide{width:92px;height:60px;padding:12px}.editorial-stage .e-float.wide span{display:block;height:5px;border-radius:999px;background:rgba(139,170,203,.2);margin-top:4px}.editorial-stage .e-float.wide span:first-child{width:18px;height:18px;border-radius:6px;background:linear-gradient(145deg,var(--accent1),var(--accent2));margin:0 auto 8px auto}.editorial-stage .e-float.a{left:14px;top:92px}.editorial-stage .e-float.b{right:6px;top:102px;animation-delay:.65s}.editorial-stage .e-float.c{right:18px;bottom:34px;animation-delay:1.3s}.editorial-stage .e-float.d{left:28px;bottom:56px;animation-delay:1.9s}@keyframes eFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.editorial-stage .e-caption{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);font-size:13px;color:#7d90a4;letter-spacing:.02em;white-space:nowrap;text-align:center}

.theme-ifms{--wash1:#f8fcff;--wash2:#e8f2ff;--wash3:#e0f8fb;--accent1:#5baeff;--accent2:#72e6df;--accent3:#91a2ff}
.theme-imanifest{--wash1:#f8fcff;--wash2:#edf6ff;--wash3:#edf9ef;--accent1:#43b02a;--accent2:#7be08d;--accent3:#98d8ff}
.theme-ichb{--wash1:#fffaf9;--wash2:#eef5ff;--wash3:#e8fbff;--accent1:#ff7f6a;--accent2:#5fb7ff;--accent3:#82ddf0}
.theme-ifulfill{--wash1:#f8fffd;--wash2:#eefaff;--wash3:#ecfff4;--accent1:#1ecdb7;--accent2:#7fdc84;--accent3:#72b8ff}
.theme-ai{--wash1:#f6fbff;--wash2:#ebf4ff;--wash3:#e6fbff;--accent1:#6aa8ff;--accent2:#74e4e9;--accent3:#8f95ff}
.theme-about{--wash1:#fffdf9;--wash2:#eef5ff;--wash3:#f4f8ff;--accent1:#6aa8ff;--accent2:#8ec9ff;--accent3:#9ea0ff}
.theme-careers{--wash1:#fefcff;--wash2:#eef6ff;--wash3:#f0fff7;--accent1:#7b8fff;--accent2:#6fd5c5;--accent3:#f59bc7}
.theme-resources{--wash1:#fffdf9;--wash2:#f1f7ff;--wash3:#eefcff;--accent1:#6aa8ff;--accent2:#82ddf0;--accent3:#f5b27f}
.theme-support{--wash1:#f9fcff;--wash2:#eef6ff;--wash3:#eefcfa;--accent1:#5bb6ff;--accent2:#6fded0;--accent3:#96b3ff}

@media(max-width:1040px){.editorial-stage{min-height:500px}.editorial-stage .editorial-shell{width:78%;left:50%;transform:translate(-50%,-50%)}.editorial-stage .e-float.a{left:7%}.editorial-stage .e-float.b{right:7%}}
@media(max-width:620px){.editorial-stage{min-height:405px}.editorial-stage .stage-grid{inset:12px;border-radius:22px;background-size:24px 24px,24px 24px,100% 100%}.editorial-stage .editorial-shell{width:90%;height:72%;padding:13px;transform:translate(-50%,-50%)}.editorial-stage .editorial-body{grid-template-columns:32px 1fr;gap:10px}.editorial-stage .e-row.cols-3{grid-template-columns:1fr 1fr 1fr}.editorial-stage .e-row.cols-4{grid-template-columns:1fr 1fr}.editorial-stage .e-float{display:none}.editorial-stage .e-caption{white-space:normal;width:86%;bottom:-22px}.editorial-stage .e-book-grid{gap:6px}.editorial-stage .e-chip-grid{gap:6px}}
@media(prefers-reduced-motion:reduce){.editorial-stage .editorial-shell{transform:translate(-50%,-50%)!important}.editorial-stage .editorial-pointer-glow{display:none}}


/* v1.0.7 hero variety refresh */
.tone-dark .stage-grid{background:
  linear-gradient(rgba(135,189,255,.06) 1px, transparent 1px),
  linear-gradient(90deg, rgba(135,189,255,.06) 1px, transparent 1px),
  linear-gradient(145deg,#0c1e35,#122744 56%,#163658);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.tone-dark .stage-orbit{border-color:rgba(137,205,255,.12)}
.tone-dark .ambient-a{background:radial-gradient(circle, rgba(91,174,255,.18), transparent 68%)}
.tone-dark .ambient-b{background:radial-gradient(circle, rgba(114,230,223,.16), transparent 72%)}
.tone-dark .ambient-c{background:radial-gradient(circle, rgba(151,155,255,.14), transparent 72%)}
.tone-dark .e-caption{color:#9bb1c9}
.tone-dark .editorial-shell{background:linear-gradient(145deg,rgba(18,42,72,.98),rgba(8,20,39,.96));border-color:rgba(160,211,244,.18);box-shadow:0 32px 78px rgba(0,0,0,.34),0 0 60px rgba(54,151,255,.09),inset 0 1px rgba(255,255,255,.055)}
.tone-dark .editorial-topbar{border-bottom-color:rgba(255,255,255,.055)}
.tone-dark .editorial-dots span{background:rgba(210,232,248,.26)}
.tone-dark .editorial-search{background:rgba(205,232,249,.08)}
.tone-dark .editorial-rail{border-right-color:rgba(255,255,255,.07)}
.tone-dark .editorial-rail span{background:rgba(160,190,220,.18)}
.tone-dark .editorial-rail span.active{box-shadow:0 0 14px rgba(95,183,255,.24)}
.tone-dark .e-panel,.tone-dark .object-card,.tone-dark .float-note{border-color:rgba(160,205,238,.14);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.tone-dark .e-kicker,.tone-dark .e-line,.tone-dark .float-note span,.tone-dark .story-card span,.tone-dark .bubble span,.tone-dark .book-card span,.tone-dark .support-line{background:rgba(214,235,250,.12)}
.tone-dark .e-lane,.tone-dark .token,.tone-dark .cube,.tone-dark .node-card,.tone-dark .book-card,.tone-dark .bubble{background:linear-gradient(145deg,rgba(18,51,86,.95),rgba(10,29,53,.84));border-color:rgba(143,207,242,.14);color:#dff2ff}
.tone-dark .e-doc-sheet,.tone-dark .doc-card{background:linear-gradient(180deg,rgba(225,241,255,.14),rgba(225,241,255,.06));border-color:rgba(225,241,255,.14)}
.tone-dark .e-avatars span,.tone-dark .avatar{border-color:rgba(143,207,242,.22)}
.tone-dark .editorial-pointer-glow{background:radial-gradient(circle,rgba(118,223,237,.15),rgba(118,223,237,0) 68%)}

.tone-light .editorial-pointer-glow{background:radial-gradient(circle,rgba(111,205,237,.16),rgba(111,205,237,0) 68%)}

.object-stage .object-shell{position:absolute;left:52%;top:50%;width:84%;height:74%;transform:translate(-50%,-50%) perspective(1200px) rotateY(-10deg) rotateX(3deg);transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .28s ease;will-change:transform}
.object-stage .object-shell .object-main{position:absolute;inset:0;border-radius:24px;padding:20px;border:1px solid rgba(171,200,229,.42);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(245,250,255,.78));box-shadow:0 28px 72px rgba(38,84,129,.13),0 8px 22px rgba(38,84,129,.08), inset 0 1px rgba(255,255,255,.88);overflow:hidden}
.tone-dark.object-stage .object-shell .object-main{background:linear-gradient(145deg,rgba(18,42,72,.98),rgba(8,20,39,.96));border-color:rgba(160,211,244,.18);box-shadow:0 32px 78px rgba(0,0,0,.34),0 0 60px rgba(54,151,255,.09),inset 0 1px rgba(255,255,255,.055)}
.object-stage .object-shell:hover .object-main{box-shadow:0 34px 84px rgba(38,84,129,.18),0 10px 26px rgba(38,84,129,.09), inset 0 1px rgba(255,255,255,.92)}
.tone-dark.object-stage .object-shell:hover .object-main{box-shadow:0 40px 90px rgba(0,0,0,.40),0 0 70px rgba(79,181,255,.14),inset 0 1px rgba(255,255,255,.06)}
.object-stage .object-main:before{content:"";position:absolute;left:20px;right:20px;top:18px;height:32px;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.28));opacity:.5}
.tone-dark.object-stage .object-main:before{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));opacity:1}
.object-stage .object-body{position:absolute;inset:64px 18px 18px;display:grid;gap:14px}
.object-stage .grid-2{grid-template-columns:1.2fr .9fr}
.object-stage .grid-2b{grid-template-columns:1fr 1fr}
.object-stage .grid-3{grid-template-columns:repeat(3,1fr)}
.object-stage .grid-4{grid-template-columns:repeat(4,1fr)}
.object-card{position:relative;border-radius:18px;border:1px solid rgba(171,200,229,.42);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(246,250,255,.72));padding:16px;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.7)}
.float-note{position:absolute;border-radius:16px;border:1px solid rgba(171,200,229,.4);background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(245,250,255,.74));backdrop-filter:blur(10px);box-shadow:0 18px 32px rgba(51,92,135,.12);padding:12px 14px;z-index:3;animation:eFloat 6s ease-in-out infinite}
.float-note span{display:block;height:5px;border-radius:999px;background:rgba(139,170,203,.22);margin-top:4px}.float-note span:first-child{width:18px;height:18px;border-radius:6px;background:linear-gradient(145deg,var(--accent1),var(--accent2));margin:0 0 8px 0}.float-note.a{left:18px;top:94px}.float-note.b{right:10px;top:110px;animation-delay:.65s}.float-note.c{right:18px;bottom:38px;animation-delay:1.3s}.float-note.d{left:34px;bottom:56px;animation-delay:1.9s}
.hero-ring{position:absolute;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center, rgba(255,255,255,.65), rgba(255,255,255,0) 58%)}
.hero-ring:before,.hero-ring:after{content:"";position:absolute;border-radius:50%;inset:0;border:1px solid rgba(129,188,227,.42)}
.hero-ring:after{inset:18px;border-color:rgba(129,188,227,.28)}
.tone-dark .hero-ring:before,.tone-dark .hero-ring:after{border-color:rgba(143,207,242,.22)}
.hero-ring .core{width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,var(--accent1),var(--accent2));box-shadow:0 0 22px rgba(95,183,255,.24),0 0 38px rgba(114,230,223,.16)}
.pulse{position:absolute;width:44px;height:44px;border-radius:50%;border:1px solid rgba(129,188,227,.44);animation:pulseOut 3s ease-out infinite}.pulse.p2{animation-delay:1s}.pulse.p3{animation-delay:2s}.tone-dark .pulse{border-color:rgba(143,207,242,.24)}@keyframes pulseOut{0%{transform:scale(.56);opacity:.72}85%,100%{transform:scale(2.2);opacity:0}}
.doc-card{position:relative;border-radius:16px;border:1px solid rgba(171,200,229,.42);padding:14px;display:grid;grid-template-columns:60px 1fr;gap:12px;align-items:start;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(246,250,255,.72))}
.doc-card .sheet{height:70px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(240,248,255,.62));border:1px solid rgba(171,200,229,.42);position:relative}
.doc-card .sheet:before{content:"";position:absolute;right:0;top:0;border-width:0 16px 16px 0;border-style:solid;border-color:transparent rgba(152,214,222,.46) transparent transparent;border-top-right-radius:10px}
.doc-card .sheet i,.doc-card .meta i,.story-card i,.book-card i{display:block;height:5px;border-radius:999px;background:rgba(139,170,203,.22);margin:10px 10px 0}.doc-card .sheet i:nth-child(2){width:68%}.doc-card .sheet i:nth-child(3){width:44%}
.doc-card .meta i:first-child{margin-top:4px}.doc-card .meta i.long{width:84%}.doc-card .meta i.mid{width:62%}.doc-card .meta i.short{width:38%}
.node-card{position:relative;border-radius:16px;border:1px solid rgba(171,200,229,.36);padding:14px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(246,250,255,.72))}
.node-card .node-title,.story-card .story-title,.book-card .book-title,.bubble .bubble-title{display:block;width:42%;height:7px;border-radius:999px;background:rgba(139,170,203,.22);margin-bottom:12px}
.pill-stack{display:flex;gap:8px;flex-wrap:wrap}.pill-stack i{display:block;width:58px;height:22px;border-radius:999px;background:rgba(145,177,209,.14);border:1px solid rgba(171,200,229,.32)}.pill-stack i.active{background:linear-gradient(145deg, color-mix(in srgb, var(--accent1) 18%, white), color-mix(in srgb, var(--accent2) 20%, white));border-color:rgba(129,188,227,.44)}
.flow-links{display:flex;gap:10px;align-items:center;margin-top:16px}.flow-links .node{width:32px;height:32px;border-radius:10px;border:1px solid rgba(171,200,229,.42);background:white;box-shadow:0 10px 20px rgba(51,92,135,.06);display:grid;place-items:center}.flow-links .node b{display:block;width:11px;height:11px;border-radius:4px;background:linear-gradient(145deg,var(--accent1),var(--accent2))}.tone-dark .flow-links .node{background:linear-gradient(145deg,rgba(18,51,86,.95),rgba(10,29,53,.84));border-color:rgba(143,207,242,.14)}.flow-links .link{flex:1;height:2px;background:linear-gradient(90deg,var(--accent1),var(--accent2));opacity:.34}
.route-stack{display:flex;flex-direction:column;gap:10px}.route-lane{height:50px;border-radius:14px;border:1px solid rgba(171,200,229,.36);background:linear-gradient(90deg,rgba(255,255,255,.84),rgba(247,251,255,.7));display:flex;align-items:center;gap:10px;padding:0 12px}.route-lane b{width:18px;height:18px;border-radius:6px;background:linear-gradient(145deg,var(--accent1),var(--accent2))}.route-lane i{display:block;height:6px;border-radius:999px;background:rgba(139,170,203,.2);flex:1}.route-lane i.short{max-width:34%}.tone-dark .route-lane{background:linear-gradient(145deg,rgba(18,51,86,.95),rgba(10,29,53,.84));border-color:rgba(143,207,242,.14)}
.token-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.token{height:60px;border-radius:14px;border:1px solid rgba(171,200,229,.36);background:rgba(255,255,255,.78);padding:12px}.token .dot{width:14px;height:14px;border-radius:5px;background:linear-gradient(145deg,var(--accent1),var(--accent2));margin-bottom:8px}.token i{display:block;height:5px;border-radius:999px;background:rgba(139,170,203,.22);margin-top:8px}.token i.short{width:58%}
.branch-map{position:relative;height:150px}
.branch-map svg,.timeline-path svg,.shelf-graphic svg{position:absolute;inset:0;width:100%;height:100%}
.branch-chip,.timeline-node,.cube,.avatar,.book-card,.bubble{position:absolute;border:1px solid rgba(171,200,229,.36);background:rgba(255,255,255,.8);border-radius:14px;box-shadow:0 12px 24px rgba(51,92,135,.07)}
.branch-chip{padding:12px 14px}.branch-chip i,.timeline-node i,.book-card span,.bubble span{display:block;height:5px;border-radius:999px;background:rgba(139,170,203,.22);margin-top:7px}.branch-chip i:first-child,.timeline-node i:first-child,.book-card span:first-child,.bubble span:first-child{margin-top:0}
.branch-chip.left{left:8px;top:52px;width:84px}.branch-chip.top{left:50%;top:8px;transform:translateX(-50%);width:92px}.branch-chip.right{right:8px;top:52px;width:84px}.branch-chip.bottom{left:50%;bottom:8px;transform:translateX(-50%);width:94px}
.timeline-path{position:relative;height:180px}
.timeline-node{padding:14px 12px;width:96px}.timeline-node.n1{left:10px;bottom:22px}.timeline-node.n2{left:130px;top:48px}.timeline-node.n3{right:128px;top:28px}.timeline-node.n4{right:8px;bottom:44px}
.avatar-cluster{position:relative;height:170px}.avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg, color-mix(in srgb, var(--accent1) 28%, white), color-mix(in srgb, var(--accent2) 28%, white))}.avatar:before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.72);left:22px;top:14px}.avatar:after{content:"";position:absolute;width:42px;height:20px;border-radius:20px 20px 14px 14px;background:rgba(255,255,255,.72);left:15px;bottom:12px}.avatar.a{left:16px;top:64px}.avatar.b{left:122px;top:10px}.avatar.c{right:132px;top:22px}.avatar.d{right:18px;bottom:20px}
.avatar-cluster svg{position:absolute;inset:0;width:100%;height:100%}
.cube-yard{position:relative;height:182px}.cube{width:68px;height:68px;border-radius:18px;display:grid;place-items:center}.cube:before{content:"";width:26px;height:26px;border-radius:8px;background:linear-gradient(145deg,var(--accent1),var(--accent2));box-shadow:0 0 12px rgba(95,183,255,.18)}.cube.c1{left:18px;top:86px}.cube.c2{left:102px;top:34px}.cube.c3{right:106px;top:24px}.cube.c4{right:18px;bottom:26px}
.cube-yard svg{position:absolute;inset:0;width:100%;height:100%}
.shelf-graphic{position:relative;height:180px}
.book-card{position:absolute;width:102px;height:72px;padding:12px}.book-card.b1{left:14px;top:70px}.book-card.b2{left:132px;top:16px}.book-card.b3{right:128px;top:34px}.book-card.b4{right:16px;bottom:20px}
.play-orb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%;background:linear-gradient(145deg, color-mix(in srgb, var(--accent1) 28%, white), color-mix(in srgb, var(--accent2) 28%, white));box-shadow:0 18px 32px rgba(51,92,135,.12)}.play-orb:before{content:"";position:absolute;left:39px;top:29px;border-style:solid;border-width:18px 0 18px 28px;border-color:transparent transparent transparent white}
.bubble-stack{position:relative;height:176px}.bubble{padding:14px;width:132px}.bubble .bubble-title{width:48%}.bubble.b1{left:14px;top:62px}.bubble.b2{left:164px;top:18px}.bubble.b3{right:18px;bottom:22px}
.support-path{position:relative;height:180px}.support-path svg{position:absolute;inset:0;width:100%;height:100%}.support-points{position:absolute;left:0;right:0;top:0;bottom:0}.support-points .pt{position:absolute;width:16px;height:16px;border-radius:50%;background:linear-gradient(145deg,var(--accent1),var(--accent2));box-shadow:0 0 16px rgba(95,183,255,.22)}.support-points .p1{left:10%;top:72%}.support-points .p2{left:34%;top:28%}.support-points .p3{left:60%;top:42%}.support-points .p4{left:84%;top:18%}
.object-stage .story-card{position:absolute;border:1px solid rgba(171,200,229,.36);background:rgba(255,255,255,.82);border-radius:16px;padding:14px;box-shadow:0 12px 24px rgba(51,92,135,.07)}.object-stage .story-card.left{left:18px;top:92px;width:120px}.object-stage .story-card.right{right:18px;top:28px;width:132px}.object-stage .story-card.bottom{left:160px;bottom:20px;width:144px}
.tone-dark .story-card,.tone-dark .branch-chip,.tone-dark .timeline-node,.tone-dark .book-card,.tone-dark .bubble,.tone-dark .cube{background:linear-gradient(145deg,rgba(18,51,86,.95),rgba(10,29,53,.84));border-color:rgba(143,207,242,.14)}

@media(max-width:620px){.object-stage .object-shell{width:90%;height:72%;transform:translate(-50%,-50%)}.object-stage .object-main{padding:14px}.object-stage .object-main:before{left:14px;right:14px}.object-stage .object-body{inset:56px 12px 12px;gap:10px}.object-stage .grid-3{grid-template-columns:1fr 1fr 1fr}.object-stage .grid-4{grid-template-columns:1fr 1fr}.float-note{display:none}.cube-yard,.shelf-graphic,.support-path,.timeline-path,.branch-map,.avatar-cluster,.bubble-stack{height:138px}.timeline-node,.branch-chip,.book-card,.bubble,.object-stage .story-card{transform:scale(.84);transform-origin:top left}}


/* v1.0.8 product hero freeform refresh */
.freeform-stage{min-height:510px;overflow:visible;border:0;background:transparent;box-shadow:none;isolation:isolate;perspective:1200px}
.freeform-stage:before{display:none}
.freeform-stage .stage-grid{position:absolute;inset:18px;border-radius:30px;background:
 linear-gradient(rgba(68,132,214,.055) 1px, transparent 1px),
 linear-gradient(90deg, rgba(68,132,214,.055) 1px, transparent 1px),
 linear-gradient(145deg,var(--wash1),var(--wash2) 58%,var(--wash3));background-size:36px 36px,36px 36px,100% 100%;box-shadow:inset 0 1px rgba(255,255,255,.7)}
.freeform-stage .stage-ambient{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.freeform-stage .ambient-a{width:360px;height:360px;left:-24px;top:20px;background:radial-gradient(circle, color-mix(in srgb, var(--accent1) 18%, white), transparent 68%)}
.freeform-stage .ambient-b{width:300px;height:300px;right:0;bottom:18px;background:radial-gradient(circle, color-mix(in srgb, var(--accent2) 18%, white), transparent 72%)}
.freeform-stage .ambient-c{width:220px;height:220px;right:74px;top:-2px;background:radial-gradient(circle, color-mix(in srgb, var(--accent3) 15%, white), transparent 72%)}
.freeform-stage .stage-orbit{position:absolute;border:1px solid rgba(99,159,215,.18);border-radius:50%;pointer-events:none}.freeform-stage .orbit-a{width:520px;height:248px;left:4px;top:96px;transform:rotate(-14deg)}.freeform-stage .orbit-b{width:420px;height:190px;right:-6px;bottom:46px;transform:rotate(14deg)}
.freeform-stage.tone-dark .stage-grid{background:
 linear-gradient(rgba(135,189,255,.06) 1px, transparent 1px),
 linear-gradient(90deg, rgba(135,189,255,.06) 1px, transparent 1px),
 linear-gradient(145deg,#0c1e35,#122744 56%,#163658);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.freeform-stage.tone-dark .stage-orbit{border-color:rgba(137,205,255,.12)}
.freeform-stage.tone-dark .ambient-a{background:radial-gradient(circle, rgba(91,174,255,.18), transparent 68%)}
.freeform-stage.tone-dark .ambient-b{background:radial-gradient(circle, rgba(114,230,223,.16), transparent 72%)}
.freeform-stage.tone-dark .ambient-c{background:radial-gradient(circle, rgba(151,155,255,.14), transparent 72%)}
.freeform-stage .freeform-scene{position:absolute;left:52%;top:50%;width:84%;height:74%;transform:translate(-50%,-50%) perspective(1200px) rotateY(-10deg) rotateX(3deg);transform-style:preserve-3d;transition:transform .18s ease-out;will-change:transform}
.freeform-stage .free-grid{position:absolute;inset:6px;display:grid;gap:14px}
.freeform-stage .free-grid.two-by-two{grid-template-columns:1.18fr .82fr;grid-template-rows:1fr 1fr}
.freeform-stage .free-grid.two-plus-three{grid-template-columns:1.1fr .9fr;grid-template-rows:1fr auto}
.freeform-stage .free-grid .span-two{grid-column:1/span 2}
.freeform-stage .free-grid .span-row-two{grid-row:1/span 2}
.freeform-stage .free-row-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.freeform-stage .free-row-four{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.freeform-stage .free-card,.freeform-stage .free-ghost{position:relative}
.freeform-stage .free-ghost{border-radius:18px}
.freeform-stage .free-card.object-card,.freeform-stage .free-card.node-card,.freeform-stage .free-card.doc-card{box-shadow:0 18px 30px rgba(51,92,135,.08)}
.freeform-stage.tone-dark .free-card.object-card,.freeform-stage.tone-dark .free-card.node-card,.freeform-stage.tone-dark .free-card.doc-card{box-shadow:0 18px 30px rgba(0,0,0,.18)}
.freeform-stage .editorial-pointer-glow{position:absolute;width:190px;height:190px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);left:50%;top:50%;opacity:.42;transition:opacity .25s ease;background:radial-gradient(circle,rgba(111,205,237,.16),rgba(111,205,237,0) 68%)}
.freeform-stage.tone-dark .editorial-pointer-glow{background:radial-gradient(circle,rgba(118,223,237,.15),rgba(118,223,237,0) 68%)}
.freeform-stage .e-caption{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);font-size:13px;color:#7d90a4;letter-spacing:.02em;white-space:nowrap;text-align:center}
.freeform-stage.tone-dark .e-caption{color:#9bb1c9}
.freeform-stage .float-note{position:absolute;border-radius:16px;border:1px solid rgba(171,200,229,.4);background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(245,250,255,.74));backdrop-filter:blur(10px);box-shadow:0 18px 32px rgba(51,92,135,.12);padding:12px 14px;z-index:3;animation:eFloat 6s ease-in-out infinite}.freeform-stage .float-note span{display:block;height:5px;border-radius:999px;background:rgba(139,170,203,.22);margin-top:4px}.freeform-stage .float-note span:first-child{width:18px;height:18px;border-radius:6px;background:linear-gradient(145deg,var(--accent1),var(--accent2));margin:0 0 8px 0}.freeform-stage .float-note.a{left:18px;top:94px}.freeform-stage .float-note.b{right:10px;top:110px;animation-delay:.65s}.freeform-stage .float-note.c{right:18px;bottom:38px;animation-delay:1.3s}.freeform-stage .float-note.d{left:34px;bottom:56px;animation-delay:1.9s}
.freeform-stage.tone-dark .float-note{border-color:rgba(143,207,242,.14);background:linear-gradient(145deg,rgba(18,51,86,.95),rgba(10,29,53,.84));box-shadow:0 18px 32px rgba(0,0,0,.18)}
.freeform-stage.tone-dark .float-note span{background:rgba(214,235,250,.12)}
@media(max-width:1040px){.freeform-stage{min-height:500px}.freeform-stage .freeform-scene{width:78%;left:50%;transform:translate(-50%,-50%)}}
@media(max-width:620px){.freeform-stage{min-height:405px}.freeform-stage .stage-grid{inset:12px;border-radius:22px;background-size:24px 24px,24px 24px,100% 100%}.freeform-stage .freeform-scene{width:90%;height:72%;transform:translate(-50%,-50%)}.freeform-stage .free-grid{inset:2px;gap:10px}.freeform-stage .free-grid.two-by-two,.freeform-stage .free-grid.two-plus-three{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.freeform-stage .free-row-four{grid-template-columns:1fr 1fr}.freeform-stage .e-caption{white-space:normal;width:86%;bottom:-22px}.freeform-stage .float-note{display:none}}


/* v1.0.9 home copy + phosphor-style icons */
.hero-accent{color:#5b9cf0}
.story-card .card-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:16px;color:#2a73d6;background:linear-gradient(145deg,#f7fbff,#eef5fd);border:1px solid #d9e5f2;box-shadow:inset 0 1px rgba(255,255,255,.9),0 10px 22px rgba(28,66,112,.06)}
.story-card .card-icon svg{width:28px;height:28px;display:block}
.product-card .num{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid #dce7f2;background:linear-gradient(145deg,#f8fbff,#eef5fb);color:#2a73d6;box-shadow:inset 0 1px rgba(255,255,255,.88),0 8px 20px rgba(28,66,112,.05)}
.product-card .num svg{width:22px;height:22px;display:block}
.product-card h3{margin-top:24px}
@media(max-width:620px){.story-card .card-icon{width:46px;height:46px;margin-bottom:14px}.product-card .num{width:38px;height:38px;border-radius:12px}.product-card .num svg{width:20px;height:20px}}

/* HOME AI workflow: document intake, context review and action. */
.home-ai-workflow{min-height:410px;background:radial-gradient(ellipse at 48% 38%,#153a60 0%,#0d2342 60%,#091a32 100%)}
.home-ai-workflow .visual-svg{top:0;height:100%}
.home-ai-workflow .media-copy{max-width:88%;bottom:28px}
.home-ai-workflow .media-label{color:#9fbad5;font-size:10px;letter-spacing:.2em}
.home-ai-doc{animation:homeAiFloat 6s ease-in-out infinite}
.home-ai-actions{animation:homeAiFloat 6s ease-in-out -3s infinite}
.home-ai-orbit{transform-origin:300px 159px;animation:homeAiOrbit 24s linear infinite}
.home-ai-scan{animation:homeAiScan 4s ease-in-out infinite}
.home-ai-status{animation:homeAiStatus 2.5s ease-in-out infinite}
@keyframes homeAiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes homeAiOrbit{to{transform:rotate(360deg)}}
@keyframes homeAiScan{0%,100%{transform:translateY(0);opacity:.25}50%{transform:translateY(47px);opacity:1}}
@keyframes homeAiStatus{0%,100%{opacity:.4}50%{opacity:1}}
@media(max-width:620px){.home-ai-workflow{min-height:320px}.home-ai-workflow .visual-svg{top:0;height:100%}.home-ai-workflow .media-copy{left:24px;right:24px;max-width:none}.home-ai-workflow .media-copy b{font-size:23px}}
@media(prefers-reduced-motion:reduce){.home-ai-workflow *{animation:none!important}.home-ai-traveler{display:none}}

/* HOME hero: a fitted panel grid with restrained depth. */
.home-hero-stage .home-ui-shell{overflow:hidden;background:linear-gradient(150deg,#142d4b 0%,#0a1b32 76%);border-color:rgba(160,211,244,.23);box-shadow:0 28px 64px rgba(0,0,0,.3),0 8px 20px rgba(0,0,0,.14),inset 0 1px rgba(220,240,255,.1)}
.home-hero-stage .home-ui-shell:hover{box-shadow:0 32px 72px rgba(0,0,0,.34),0 8px 24px rgba(0,0,0,.16),inset 0 1px rgba(220,240,255,.14)}
.home-hero-stage .home-ui-body{min-width:0;min-height:0}
.home-hero-stage .home-ui-main{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1.35fr) minmax(0,.8fr);gap:10px}
.home-hero-stage .home-ui-row{min-width:0;min-height:0;gap:10px}
.home-hero-stage .home-ui-row-top{grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr)}
.home-hero-stage .home-ui-row-bottom{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-hero-stage .mini-panel{min-width:0;min-height:0;height:100%;overflow:hidden;background:linear-gradient(145deg,rgba(192,221,248,.055),rgba(192,221,248,.015));border-color:rgba(160,205,238,.13);box-shadow:inset 0 1px rgba(225,241,255,.025)}
.home-hero-stage .mini-panel-chart{background:linear-gradient(160deg,rgba(94,170,204,.075),rgba(103,135,191,.02))}
.home-hero-stage .mini-panel-chart svg{position:absolute;left:12px;right:12px;top:28px;width:calc(100% - 24px);height:calc(100% - 36px);margin:0;filter:none}
.home-hero-stage .home-ui-row-bottom .mini-panel-small{display:grid;grid-template-columns:14px minmax(0,1fr);grid-template-rows:5px 5px;column-gap:9px;row-gap:7px;align-content:center;align-items:center;padding:10px}
.home-hero-stage .home-ui-row-bottom .mini-panel-small .mini-icon{position:static;grid-column:1;grid-row:1/3;width:12px;height:12px;box-shadow:none}
.home-hero-stage .home-ui-row-bottom .mini-panel-small .mini-line{grid-column:2;display:block;width:100%;max-width:100%;height:5px;min-width:0;margin:0}
.home-hero-stage .home-ui-row-bottom .mini-panel-small .mini-line.short{grid-row:1}
.home-hero-stage .home-ui-row-bottom .mini-panel-small .mini-line.tiny{grid-row:2;width:65%;max-width:65%}
.home-hero-stage .home-float-chip{overflow:hidden;display:grid;grid-template-columns:15px minmax(0,1fr);grid-template-rows:4px 4px;gap:8px 10px;align-content:center;align-items:center;border-color:rgba(143,207,242,.2);box-shadow:0 14px 30px rgba(0,0,0,.18)}
.home-hero-stage .home-float-chip span{grid-column:1;grid-row:1/3;margin:0}
.home-hero-stage .home-float-chip i{grid-column:2;width:100%;min-width:0;margin:0}
.home-hero-stage .home-float-chip i:last-child{width:65%}
.home-hero-stage .home-orbit{opacity:.6}
.home-hero-stage .home-ambient{opacity:.55}
@media(max-width:620px){.home-hero-stage .home-ui-main,.home-hero-stage .home-ui-row{gap:8px}.home-hero-stage .home-ui-row-bottom .mini-panel-small{padding:8px;grid-template-columns:10px minmax(0,1fr);column-gap:6px;row-gap:5px}.home-hero-stage .home-ui-row-bottom .mini-panel-small .mini-icon{width:10px;height:10px}.home-hero-stage .home-float-chip{display:none}.home-hero-stage .mini-panel-chart svg{top:23px;height:calc(100% - 29px)}}

/* HOME hero: layered composition and a quiet foreground signal. */
.home-hero-stage .home-ui-shell{z-index:2;width:84%;height:76%;top:48%;border-color:rgba(172,220,248,.3);box-shadow:0 32px 65px rgba(0,0,0,.36),0 9px 24px rgba(0,0,0,.19),inset 0 1px rgba(224,244,255,.16)}
.home-depth-plate{position:absolute;left:52%;top:48%;width:82%;height:74%;border-radius:22px;pointer-events:none;border:1px solid rgba(142,193,231,.16);background:linear-gradient(135deg,rgba(70,124,175,.14),rgba(18,42,70,.04));box-shadow:0 18px 36px rgba(0,0,0,.1)}
.home-depth-back{transform:translate(-44%,-58%) rotate(7deg);opacity:.55}
.home-depth-front{transform:translate(-54%,-47%) rotate(-5deg);opacity:.8}
.home-signal-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.home-hero-stage .home-ambient-a{background:radial-gradient(circle,rgba(82,164,223,.27),rgba(73,163,255,0) 67%);opacity:.7}
.home-hero-stage .home-ui-topbar{border-bottom-color:rgba(173,210,235,.1)}
.home-hero-stage .mini-panel-chart{background:radial-gradient(ellipse at 55% 100%,rgba(86,163,181,.12),transparent 75%),linear-gradient(145deg,rgba(137,188,222,.055),rgba(255,255,255,.015))}
.home-hero-stage .mini-panel-chart:after{content:"";position:absolute;left:13px;right:13px;bottom:13px;height:1px;background:linear-gradient(90deg,transparent,rgba(163,204,228,.16),transparent);pointer-events:none}
.home-hero-stage .mini-panel-chart path:first-of-type{stroke-width:3.5}
.home-hero-stage .mini-panel-small{border-top-color:rgba(156,207,237,.24)}
.home-hero-stage .chip-one{left:-3px;top:104px;transform:rotate(-5deg)}
.home-hero-stage .chip-two{right:-3px;top:77px}
.home-hero-stage .chip-three{right:auto;left:28px;bottom:37px}
.home-insight-card{position:absolute;right:-8px;bottom:14px;z-index:4;width:184px;padding:16px;border:1px solid rgba(158,209,232,.3);border-radius:17px;background:linear-gradient(145deg,rgba(32,63,88,.97),rgba(12,33,54,.98));box-shadow:0 22px 40px rgba(0,0,0,.28),inset 0 1px rgba(214,241,255,.08);transform:rotate(-5deg);animation:homeInsightFloat 7s ease-in-out infinite;pointer-events:none;overflow:hidden}
.home-insight-top{display:flex;align-items:center;gap:8px}
.home-insight-dot{width:6px;height:6px;border-radius:50%;background:#8adcd5;box-shadow:0 0 0 4px rgba(138,220,213,.07)}
.home-insight-heading{width:52px;height:5px;border-radius:3px;background:rgba(203,229,244,.24)}
.home-insight-check{margin-left:auto;width:16px;height:16px;border-radius:50%;border:1px solid rgba(135,218,211,.4);position:relative}
.home-insight-check:after{content:"";position:absolute;left:4px;top:3px;width:5px;height:7px;border-right:1.5px solid #8adcd5;border-bottom:1.5px solid #8adcd5;transform:rotate(40deg)}
.home-insight-card svg{display:block;width:100%;height:64px;margin-top:10px}
.home-insight-footer{display:flex;gap:6px;margin-top:8px}
.home-insight-footer i{height:4px;border-radius:3px;width:28px;background:rgba(203,229,244,.13)}
.home-insight-footer i:last-child{margin-left:auto;width:18px;background:rgba(138,220,213,.3)}
@keyframes homeInsightFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-6px) rotate(-4deg)}}
@media(max-width:1040px){.home-hero-stage .home-ui-shell{width:76%}.home-depth-plate{width:74%;left:50%}.home-insight-card{right:7%;bottom:14px}.home-hero-stage .chip-one{left:7%}.home-hero-stage .chip-two{right:7%}.home-hero-stage .chip-three{left:9%}}
@media(max-width:620px){.home-hero-stage .home-ui-shell{width:86%;height:73%;top:46%}.home-depth-plate{width:84%;height:71%;top:46%}.home-signal-field{opacity:.45}.home-insight-card{width:139px;right:3%;bottom:9px;padding:11px;border-radius:13px}.home-insight-card svg{height:43px;margin-top:6px}.home-insight-footer{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.home-insight-card{animation:none}}

/* The Suntek difference: editorial typography and an open context note. */
#home-story{position:relative;overflow:hidden;background:linear-gradient(115deg,#f8f7f3 0%,#f7f8f8 68%,#eef4f7 100%);padding:104px 0;scroll-margin-top:78px}
#home-story .difference-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);column-gap:80px;position:relative}
#home-story .kicker{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-bottom:36px;letter-spacing:.19em}
#home-story .kicker:before{content:"";width:27px;height:2px;background:#3684bc}
#home-story .statement{grid-column:1;grid-row:2;font-size:clamp(38px,4.15vw,57px);line-height:1.12;letter-spacing:-.047em;max-width:610px;align-self:start}
#home-story .statement em{display:inline-block;margin-top:15px;color:#2677b6}
#home-story .difference-detail{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-top:5px}
#home-story .section-lead{font-size:17px;line-height:1.8;color:#596b7d}
#home-story .story-card{position:static;display:grid;grid-template-columns:minmax(0,1fr);gap:9px;padding:26px 0 0;border:0;border-top:1px solid #ccd9e1;border-radius:0;background:transparent;box-shadow:none;transform:none}
#home-story .story-card h3{grid-column:1;grid-row:1;margin:3px 0 0;font-size:20px;letter-spacing:-.025em;color:#183957}
#home-story .story-card p{grid-column:1;grid-row:2;font-size:14px;line-height:1.8;color:#5a6a7d}
#home-story .difference-icon{grid-column:1;grid-row:1/3;width:36px;height:36px;color:#3587ac;display:grid;place-items:center}
#home-story .difference-icon svg{width:30px;height:30px}
#home-story .difference-flow{grid-column:1;grid-row:3;display:flex;align-items:center;gap:15px;margin-top:34px;align-self:end;color:#568399}
#home-story .difference-flow span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #d6e2e7;border-radius:14px;background:rgba(255,255,255,.6)}
#home-story .difference-flow svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:14;stroke-linecap:round;stroke-linejoin:round}
#home-story .difference-flow i{position:relative;display:block;width:34px;height:1px;background:#c6d7df}
#home-story .difference-flow i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-right:1px solid #9cb9c8;border-top:1px solid #9cb9c8;transform:rotate(45deg)}
@media(max-width:1040px){#home-story .difference-layout{column-gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#home-story .statement{font-size:44px}}
@media(max-width:760px){#home-story{padding:74px 0}#home-story .difference-layout{grid-template-columns:1fr}#home-story .kicker{margin-bottom:26px}#home-story .statement{grid-column:1;grid-row:2;font-size:clamp(35px,6.5vw,48px);max-width:620px}#home-story .difference-flow{grid-row:3;margin-top:26px}#home-story .difference-detail{grid-column:1;grid-row:4;padding-top:32px;gap:24px}#home-story .section-lead{font-size:16px}#home-story .story-card{padding-top:23px}}

/* HOME product wordmarks supplied for light backgrounds. */
#home-products .product-card .product-brand{display:flex;align-items:center;height:28px;margin:6px 0 24px;line-height:1}
#home-products .product-brand img{display:block;width:100%;height:22px;object-fit:contain;object-position:left center}

/* Equal visual icon sizes and a shared wordmark centerline. */
#home-products .product-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
#home-products .product-card .product-brand{display:flex;align-items:center;gap:10px;height:32px;min-height:32px;margin:6px 0 24px;width:100%;--wordmark-height:18px}
#home-products .product-brand .product-brand-symbol{flex:0 0 28px;width:28px;height:28px;object-fit:contain;object-position:center}
#home-products .product-brand .product-wordmark{flex:0 1 auto;min-width:0;width:auto;height:var(--wordmark-height);max-width:calc(100% - 38px);object-fit:contain;object-position:left center}
@media(min-width:1041px){#home-products .product-card .product-brand{--wordmark-height:clamp(12px,calc((100vw - 500px)/40),18px)}}

/* v1.0.25 signature hero visuals — every page except home */
.sig-stage{min-height:510px;overflow:visible;border:0;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center;perspective:1300px}
.sig-stage:before{display:none}
.sig-ifms{--sig-a:rgba(74,163,255,.26);--sig-g:rgba(111,227,220,.30)}
.sig-imanifest{--sig-a:rgba(67,176,42,.22);--sig-g:rgba(123,224,141,.26)}
.sig-ichb{--sig-a:rgba(255,90,112,.20);--sig-g:rgba(95,183,255,.24)}
.sig-ifulfill{--sig-a:rgba(30,205,183,.22);--sig-g:rgba(127,220,132,.24)}
.sig-ai{--sig-a:rgba(125,120,255,.26);--sig-g:rgba(117,228,233,.24)}
.sig-about{--sig-a:rgba(106,168,255,.22);--sig-g:rgba(117,228,233,.22)}
.sig-careers{--sig-a:rgba(123,143,255,.20);--sig-g:rgba(111,213,197,.24)}
.sig-resources{--sig-a:rgba(245,178,127,.16);--sig-g:rgba(106,168,255,.24)}
.sig-support{--sig-a:rgba(91,182,255,.22);--sig-g:rgba(111,222,208,.24)}
.sig-ambient{position:absolute;inset:4% 2%;border-radius:50%;background:radial-gradient(closest-side,var(--sig-a),transparent);pointer-events:none;animation:sigBreath 14.40s ease-in-out infinite}
.sig-glow{position:absolute;left:50%;top:50%;width:360px;height:360px;margin:-180px 0 0 -180px;border-radius:50%;background:radial-gradient(closest-side,var(--sig-g),transparent);opacity:0;transition:opacity .45s ease;pointer-events:none;mix-blend-mode:screen}
.sig-stage.is-hover .sig-glow{opacity:1}
.sig-scene{position:relative;width:100%;max-width:600px;transform-style:preserve-3d;transition:filter .4s ease}
.sig-scene svg{display:block;width:100%;height:auto;overflow:visible}
.sig-stage.is-hover .sig-scene{filter:brightness(1.08) saturate(1.08)}
.sig-t{font-family:inherit}
.sig-stage .e-caption{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);font-size:13px;color:#9bb1c9;letter-spacing:.02em;white-space:nowrap;text-align:center}
.sig-flow{animation:sigDash 4.32s linear infinite}.sig-flow.fast{animation-duration:2.52s}
.sig-ring{transform-box:fill-box;transform-origin:center;animation:sigRing 7.56s ease-out infinite}
.sig-ring.small{animation-duration:3.96s}
.sig-spin{transform-box:fill-box;transform-origin:center;animation:sigSpin 39.60s linear infinite}.sig-spin.slow{animation-duration:72.00s}
.sig-bar{transform-box:fill-box;transform-origin:50% 100%;animation:sigBar 3.06s ease-in-out infinite}
.sig-float{animation:sigFloat 9.90s ease-in-out infinite}
.mf-move{animation:sigMove 10.80s linear infinite}
.mf-scan{animation:sigScan 5.04s ease-in-out infinite}
.mf-warn{animation:mfWarn 7.92s steps(1,end) infinite}.mf-ok{opacity:0;animation:mfOk 7.92s ease infinite}
.mf-beamglow,.ful-beam{transition:opacity .4s}.sig-stage.is-hover .mf-beamglow{opacity:.5}.sig-stage.is-hover .ful-beam{opacity:.32}
.ful-beamline{animation:fulBlink 3.24s ease-in-out infinite}
.ful-bill rect:nth-child(even){transform-box:fill-box;transform-origin:0 50%;animation:fulBill 5.76s ease-in-out infinite}
.ful-bill rect:nth-child(4){animation-delay:-1.80s}.ful-bill rect:nth-child(6){animation-delay:-3.60s}
.fms-stream{transition:stroke-opacity .4s}.sig-stage.is-hover .fms-stream{stroke-opacity:.95}
@keyframes sigDash{to{stroke-dashoffset:-196}}
@keyframes sigRing{0%{transform:scale(.35);opacity:.9}100%{transform:scale(1.25);opacity:0}}
@keyframes sigSpin{to{transform:rotate(360deg)}}
@keyframes sigBar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes sigFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes sigBreath{0%,100%{opacity:.7;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}
@keyframes sigMove{from{transform:translateX(0)}to{transform:translateX(790px)}}
@keyframes sigScan{0%,100%{transform:translateY(0)}50%{transform:translateY(282px)}}
@keyframes mfWarn{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
@keyframes mfOk{0%,46%{opacity:0}54%,92%{opacity:1}100%{opacity:0}}
@keyframes fulBlink{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes fulBill{0%,100%{transform:scaleX(.55)}50%{transform:scaleX(1)}}
.sig-spin.rev{animation-direction:reverse}
.ai-scanline{animation:aiScan 4.32s ease-in-out infinite alternate}
.ai-field{animation:aiField 10.80s ease infinite both}
.cr-meridians{animation:crSpin 9.00s linear infinite}
.rs-star{animation:rsTwinkle 5.40s ease-in-out infinite}
.rs-page{transform-box:fill-box;transform-origin:0% 88%;animation:rsFlip 7.56s ease-in-out infinite}
.sp-warn,.sp-warnglow{animation:spWarn 10.80s ease infinite}.sp-ok{animation:spOk 10.80s ease infinite}
.sp-bridge{animation:spBridge 10.80s ease infinite}.sp-right{animation:spRight 10.80s ease infinite}
.sp-gapbase{animation:spWarn 10.80s ease infinite}.sp-timer{animation:spTimer 10.80s linear infinite}
@keyframes aiScan{from{transform:translateY(0)}to{transform:translateY(64px)}}
@keyframes aiField{0%{opacity:0;transform:translateX(-16px)}12%,86%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateX(8px)}}
@keyframes crSpin{to{transform:translateX(-62px)}}
@keyframes rsTwinkle{0%,100%{opacity:.15}50%{opacity:.8}}
@keyframes rsFlip{0%,8%{transform:scaleX(1);opacity:0}16%{opacity:1}58%{transform:scaleX(-1);opacity:1}66%,100%{transform:scaleX(-1);opacity:0}}
@keyframes spWarn{0%,44%{opacity:1}52%,92%{opacity:0}100%{opacity:1}}
@keyframes spOk{0%,44%{opacity:0}52%,92%{opacity:1}100%{opacity:0}}
@keyframes spBridge{0%,30%{stroke-dashoffset:100}48%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}
@keyframes spRight{0%,44%{opacity:.22}54%,92%{opacity:1}100%{opacity:.22}}
@keyframes spTimer{0%{stroke-dashoffset:100}44%,96%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}
/* Phosphor step icons */
.step-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#eef6ff,#e7f0fb);color:#2266bf;margin-bottom:16px;box-shadow:inset 0 0 0 1px rgba(43,120,208,.10)}
.step-ic svg{width:22px;height:22px;display:block}
.flow-step .step-ic{margin-top:2px}
.time.has-ic{padding-top:34px}.time.has-ic:before{display:none}
.time .step-ic{position:absolute;top:-21px;left:0;margin:0;background:#fff;box-shadow:0 0 0 5px #f8f6f1,inset 0 0 0 1px rgba(43,120,208,.16)}
.editorial-card.big .step-ic{background:rgba(131,204,255,.12);color:#83ccff;box-shadow:inset 0 0 0 1px rgba(131,204,255,.2)}
@media(max-width:1040px){.sig-stage{min-height:480px}.sig-scene{max-width:560px}}
@media(max-width:620px){.sig-stage{min-height:360px}.sig-stage .e-caption{white-space:normal;width:90%;bottom:-26px}.sig-glow{display:none}}
@media(prefers-reduced-motion:reduce){.sig-stage *{animation:none!important}}

/* v1.0.27 home: network hero, Suntek difference layout, AI panel, logo sizes */
.sig-home{--sig-a:rgba(42,115,214,.30);--sig-g:rgba(121,217,228,.26);min-height:520px}
.hm-dot{animation:hmDot 2.34s ease-in-out infinite}
.h2-sweep{animation:h2Sweep 10.80s ease-in-out infinite}
@keyframes h2Sweep{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(300px);opacity:0}}
.h2-hub{transform-box:fill-box;transform-origin:center;animation:h2Hub 4.68s ease-out infinite}
@keyframes h2Hub{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.9);opacity:0}}
.h2-wait{animation:h2Wait 7.92s ease infinite}.h2-done{opacity:0;animation:h2Done 7.92s ease infinite}
.h2-wait circle{transform-box:fill-box;transform-origin:center;animation:sigSpin 1.98s linear infinite}
@keyframes h2Wait{0%,30%{opacity:1}38%,92%{opacity:0}100%{opacity:1}}
@keyframes h2Done{0%,30%{opacity:0}38%,92%{opacity:1}100%{opacity:0}}
/* logo sizes */
.navbar .brand img{height:52px;width:auto}
footer .footer-logo{width:100px}
@media(max-width:620px){.navbar .brand img{height:42px}footer .footer-logo{width:92px}}
@keyframes hmDot{0%,100%{opacity:.25}50%{opacity:1}}
.sig-light .sig-glow{mix-blend-mode:normal;background:radial-gradient(closest-side,rgba(255,255,255,.8),transparent)}
.sig-light.is-hover .sig-scene{filter:none}
.sig-diff{--sig-a:rgba(42,115,214,.09);min-height:540px}
#home-story .diff-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);column-gap:56px;align-items:center}
#home-story .diff-statement{font-size:clamp(38px,4.15vw,57px);line-height:1.12;letter-spacing:-.047em;color:#132a4c;margin:0;max-width:610px}
#home-story .diff-statement em{font-style:normal;display:inline-block;margin-top:15px;color:#2677b6}
#home-story .diff-lead{margin-top:30px;max-width:520px}
#home-story .diff-card{margin-top:34px;max-width:540px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:start;padding:24px 26px;border-radius:22px;background:rgba(255,255,255,.78);border:1px solid #e3e8ec;box-shadow:0 18px 44px rgba(17,45,79,.07)}
#home-story .diff-card h3{margin:3px 0 8px;font-size:20px;letter-spacing:-.025em;color:#183957}
#home-story .diff-card p{margin:0;font-size:14px;line-height:1.8;color:#5a6a7d}
.diff-card-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#2a73d6;background:linear-gradient(145deg,#f7fbff,#eaf2fc);box-shadow:inset 0 0 0 1px rgba(42,115,214,.14)}
.diff-card-ic svg{width:26px;height:26px;display:block}
.sig-panel{--sig-a:rgba(79,160,230,.22);--sig-g:rgba(121,217,228,.22);min-height:410px;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 48% 38%,#153a60 0%,#0d2342 60%,#091a32 100%);box-shadow:var(--shadow);isolation:isolate}
.sig-panel .sig-ambient{inset:0;border-radius:0}
.sig-panel .sig-scene{max-width:none;padding:6px 8px}
.ha-hl{animation:haHl 4.32s ease-in-out infinite}
@keyframes haHl{0%,100%{opacity:.45}50%{opacity:1}}
.ha-btnring{transform-box:fill-box;transform-origin:center;animation:haRing 3.60s ease-out infinite}
@keyframes haRing{0%{transform:scale(.94);opacity:.8}100%{transform:scale(1.12);opacity:0}}
@media(max-width:1040px){#home-story .diff-layout{grid-template-columns:1fr;row-gap:30px}.sig-diff{min-height:auto}.sig-diff .sig-scene{max-width:560px}.sig-home{min-height:480px}}
@media(max-width:620px){.sig-panel{min-height:300px}.sig-home{min-height:360px}#home-story .diff-card{grid-template-columns:44px minmax(0,1fr);padding:20px}.diff-card-ic{width:44px;height:44px}}

/* v1.0.28 home products layout */
#home-products .prod-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end}
#home-products .prod-head h2{margin-bottom:0}
#home-products .prod-head .section-lead{margin:0;max-width:520px;justify-self:end}
#home-products .prod-grid{margin-top:52px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#home-products .product-card.pc{padding:0;min-height:0;display:flex;flex-direction:column;border:1px solid #dce5ef;border-radius:24px;background:#fff;overflow:hidden;text-align:left;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease,border-color .5s ease}
#home-products .product-card.pc:before{display:none}
#home-products .product-card.pc:hover{transform:translateY(-6px);box-shadow:0 26px 54px rgba(17,45,79,.13);border-color:color-mix(in srgb,var(--pc) 45%,#dce5ef)}
#home-products .pc-visual{position:relative;display:block;height:188px;background:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--pc) 34%,#0d2342) 0%,#0d2342 58%,#091a32 100%);overflow:hidden}
#home-products .pc-visual:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--pc) 70%,#fff),transparent);opacity:.55}
#home-products .pc-visual svg{position:absolute;inset:0;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
#home-products .pc-glow{position:absolute;left:50%;top:60%;width:220px;height:160px;margin:-80px 0 0 -110px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--pc) 42%,transparent),transparent);opacity:.55;transition:opacity .6s ease}
#home-products .product-card.pc:hover .pc-visual svg{transform:scale(1.05)}
#home-products .product-card.pc:hover .pc-glow{opacity:1}
#home-products .pc-body{position:relative;display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
#home-products .pc .product-brand{margin:0 0 14px}
#home-products .pc p{max-width:none;padding-right:44px;min-height:44px}
#home-products .pc .arrow{position:absolute;right:20px;bottom:20px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:17px;line-height:1;color:var(--blue2);background:#f1f6fc;transition:background .5s ease,color .5s ease,transform .5s ease}
#home-products .product-card.pc:hover .arrow{background:var(--pc);color:#fff;transform:translateX(3px)}
.pc-move{animation:pcMove 9.00s linear infinite}
@keyframes pcMove{from{transform:translateX(0)}to{transform:translateX(380px)}}
.pc-scan{animation:pcScan 5.40s ease-in-out infinite}
@keyframes pcScan{0%,100%{transform:translateY(0)}50%{transform:translateY(102px)}}
@media(max-width:1180px){#home-products .prod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1040px){#home-products .prod-head{grid-template-columns:1fr;gap:18px}#home-products .prod-head .section-lead{justify-self:start}}
@media(max-width:620px){#home-products .prod-grid{grid-template-columns:1fr}#home-products .pc-visual{height:170px}}
@media(prefers-reduced-motion:reduce){#home-products .pc-visual *{animation:none!important}}

/* v1.0.28 calmer home hero */
.sig-home .sig-flow{animation-duration:6s}.sig-home .sig-flow.fast{animation-duration:4.2s}
.sig-home .h2-sweep{animation-duration:15s}.sig-home .h2-hub{animation-duration:6.5s}
.sig-home .h2-wait,.sig-home .h2-done{animation-duration:11s}.sig-home .h2-wait circle{animation-duration:2.6s}
.sig-home .sig-float{animation-duration:13s}.sig-home .hm-dot{animation-duration:2.8s}.sig-home .rs-star{animation-duration:7s}
.sig-scene{transition:filter .8s ease}.sig-glow{transition:opacity .9s ease}

/* v1.0.29 feedback round */
.product-label.brand-case{text-transform:none;letter-spacing:.06em}
.res-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px}
.res-banner{position:relative;overflow:hidden;appearance:none;border:0;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;min-height:300px;padding:30px 30px 28px;border-radius:24px;color:#fff;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease}
.res-banner:hover{transform:translateY(-5px);box-shadow:0 28px 56px rgba(8,27,52,.28)}
.res-banner:focus-visible{outline:3px solid #7cc4ff;outline-offset:3px}
.res-ai{background:radial-gradient(ellipse at 88% 12%,rgba(143,138,255,.45),transparent 55%),linear-gradient(150deg,#1d2a66 0%,#0e1b3f 100%)}
.res-video{background:radial-gradient(ellipse at 88% 12%,rgba(91,156,240,.45),transparent 55%),linear-gradient(150deg,#123a68 0%,#0a1b33 100%)}
.res-motif{position:absolute;right:10px;top:10px;width:220px;height:160px;opacity:.9;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.res-motif svg{width:100%;height:100%;display:block}
.res-banner:hover .res-motif{transform:scale(1.05)}
.res-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;position:relative}
.res-ic svg{width:24px;height:24px;display:block}
.res-banner h3{position:relative;margin:78px 0 10px;padding-top:0;font-size:24px;line-height:1.25;letter-spacing:-.025em;color:#fff;max-width:440px}
.res-banner p{position:relative;margin:0;font-size:15px;line-height:1.7;color:#d3def0;max-width:460px}
.res-more{position:relative;display:inline-flex;gap:8px;margin-top:auto;padding-top:22px;font-size:14px;font-weight:700;color:#bfe0ff}
.res-ai .res-more{color:#d0ccff}
@media(max-width:860px){.res-grid{grid-template-columns:1fr!important}.res-motif{width:170px;height:124px}}

button,input,textarea,select{font-family:inherit}
a.btn-primary,a.btn-ghost{display:inline-flex;align-items:center;text-decoration:none}
.editorial-link{appearance:none;border:0;font:inherit;text-align:left;cursor:pointer;width:100%;transition:transform .45s ease,box-shadow .45s ease}
.editorial-link:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(8,27,52,.25)}
.editorial-link:focus-visible,.as-link:focus-visible,.route-btn:focus-visible,.legal-links button:focus-visible{outline:3px solid #7cc4ff;outline-offset:3px}
.editorial-more{display:inline-flex;gap:8px;align-items:center;margin-top:22px;font-size:14px;font-weight:700;color:#83ccff;text-decoration:none}
.video-card .editorial-more{color:#1f5fae}
.as-link{appearance:none;border:0;background:none;padding:0;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.video-card .step-ic{color:#e0303a;background:#fff1f1;box-shadow:inset 0 0 0 1px rgba(224,48,58,.14)}
#support-routes .route-grid{margin-top:34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.route-card{border:1px solid #e1e8f0;border-radius:22px;padding:26px 26px 26px;background:#fff;box-shadow:0 14px 34px rgba(17,45,79,.05)}
.route-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#f0eefe;color:#1f5fae}
.route-ic svg{width:23px;height:23px;display:block}
.route-card h3{margin:28px 0 14px;font-size:20px;letter-spacing:-.02em;color:#0f2340}
.route-card p{margin:0 0 20px;font-size:14px;line-height:1.7;color:#5a6a7d}
.route-btn{display:inline-flex;align-items:center;padding:13px 18px;border-radius:12px;background:#1f5fae;color:#fff;font-size:14px;font-weight:800;text-decoration:none;transition:background .3s}
.route-btn:hover{background:#184d8f}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px}
.legal-links{display:flex;flex-wrap:wrap;gap:6px 22px}
.footer .legal-links button{display:inline-block;padding:2px 0;font-size:13px}
.legal-hero{padding:0}.legal-hero .wrap{padding-top:120px;padding-bottom:54px}
.legal-hero h1{font-size:clamp(38px,4.4vw,56px);margin:0}
.legal-section{padding-top:56px}
.legal{max-width:760px;color:#3f4f63;font-size:16px;line-height:1.8}
.legal .legal-updated{color:#5a6a7d;font-size:14px;margin:0 0 26px}
.legal h2{font-size:21px;letter-spacing:-.02em;color:#0f2340;margin:40px 0 12px}
.legal p{margin:0 0 16px}.legal ul{margin:0 0 18px;padding-left:22px}.legal li{margin:6px 0}
.legal address{font-style:normal;margin:6px 0 0;line-height:1.8}
@media(max-width:760px){#support-routes .route-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}

/* v1.0.30 videos & tutorials */
.sig-videos{--sig-a:rgba(74,163,255,.24);--sig-g:rgba(159,212,255,.22)}
.vh-prog{transform-box:fill-box;transform-origin:0 50%;animation:vhProg 14s linear infinite}
@keyframes vhProg{0%{transform:scaleX(0)}92%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.vh-prog{animation:none;transform:scaleX(.66)}}
.vfeature{appearance:none;border:0;padding:0;background:none;font:inherit;text-align:left;cursor:pointer;display:block;width:100%;max-width:560px;margin:0 auto}
.vfeature-thumb{display:block;border-radius:22px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 30px 70px rgba(2,10,24,.55),0 0 0 1px rgba(159,212,255,.18)}
.vfeature-thumb svg,.vcard-thumb svg{display:block;width:100%;height:100%}
.vfeature-cap{display:block;margin-top:18px;color:#eaf3fc}
.vfeature-cap small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;color:#9dcdf4;text-transform:uppercase;margin-bottom:6px}
.vfeature-cap b{font-size:18px;line-height:1.35;letter-spacing:-.01em}
.vt-play{transform:translate(96px,272px);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.vfeature:hover .vt-play,.vcard:hover .vt-play{transform:translate(96px,272px) scale(1.12)}
.vgrid{margin-top:34px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.vcard{appearance:none;border:0;padding:0;background:none;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;color:inherit}
.vcard-thumb{display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(17,45,79,.10);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease}
.vcard:hover .vcard-thumb{transform:translateY(-4px);box-shadow:0 22px 44px rgba(17,45,79,.18)}
.vcard-meta{margin-top:14px;font-size:12px;font-weight:700;color:#5a6a7d;letter-spacing:.02em}
.vcard-title{margin-top:6px;font-size:16px;line-height:1.4;font-weight:700;color:#0f2340;letter-spacing:-.01em}
.vcard-desc{margin-top:6px;font-size:13.5px;line-height:1.6;color:#5a6a7d}
.vcard:focus-visible,.vfeature:focus-visible{outline:3px solid #7cc4ff;outline-offset:4px;border-radius:16px}
.vt-icon{transition:opacity .5s}.vcard:hover .vt-icon,.vfeature:hover .vt-icon{opacity:.85}
.video-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:rgba(4,12,26,.78);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}
.video-modal.show{opacity:1;visibility:visible}
.video-dialog{position:relative;width:min(960px,100%);background:#0b1f3a;border-radius:20px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.5)}
.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe{width:100%;height:100%;border:0;display:block}
.video-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;color:#eaf3fc;font-size:15px}
.video-bar a{color:#9dcdf4;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.video-close{position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:rgba(9,28,54,.8);color:#fff;font-size:22px;line-height:1;cursor:pointer}
@media(max-width:1180px){.vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.vgrid{grid-template-columns:1fr}.video-bar{flex-direction:column;align-items:flex-start}}

/* v1.0.32 SEO structure: semantic headings and crawlable links, visually unchanged */
.h-step{margin:0;font:inherit;letter-spacing:inherit;color:inherit}
.nw{white-space:nowrap}
a.btn-light{display:inline-flex;align-items:center;text-decoration:none}
h2.statement,#home-story h2.diff-statement{font-weight:400}
h1 .h1-label{display:flex;width:max-content;max-width:100%;margin-bottom:19px;line-height:1.5}
h1 .h1-main{display:block}
.res-banner h2.res-title{position:relative;margin:78px 0 10px;padding-top:0;font-size:24px;line-height:1.25;letter-spacing:-.025em;color:#fff;max-width:440px}
h3.vcard-title{display:block;margin:6px 0 0}
.footer .footer-heading{color:white;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}
a.navbtn{display:inline-block}
.footer a[data-nav]{display:block;padding:4px 0;color:#9cb0c7;text-align:left}
.footer a[data-nav]:hover{color:#fff}
.footer .legal-links a[data-nav]{display:inline-block;padding:2px 0;font-size:13px}
a.product-card,a.res-banner,a.vcard{text-decoration:none}
#home-story .diff-layout{row-gap:0}
#home-story .diff-copy{display:contents}
#home-story .diff-layout>.diff-copy>.kicker{grid-column:1/-1;grid-row:1}
#home-story .diff-statement{grid-column:1/-1;grid-row:2;max-width:none;margin:0 0 42px}
#home-story .diff-lead{grid-column:1;grid-row:3;margin-top:0;align-self:end}
#home-story .diff-card{grid-column:1;grid-row:4;align-self:start}
#home-story .sig-diff{grid-column:2;grid-row:3/5;align-self:center}
@media(max-width:1040px){#home-story .diff-statement{margin-bottom:26px}#home-story .diff-lead,#home-story .diff-card,#home-story .sig-diff{grid-column:1;grid-row:auto}}

/* v1.0.33 footer: address, phone, social */
.footer-nap{font-style:normal;font-size:13px;line-height:1.75;display:flex;flex-direction:column;gap:8px}
.footer-nap a{color:#9cb0c7;text-decoration:none;width:fit-content;max-width:100%}
.footer-nap a:hover{color:#fff;text-decoration:underline}
.footer-social{display:flex;gap:10px;margin-top:2px}
.social-link{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#9cb0c7;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:background .3s ease,color .3s ease}
.social-link:hover{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.social-link:focus-visible{outline:3px solid #7cc4ff;outline-offset:3px}
.social-link svg{width:22px;height:22px;display:block}

/* v1.0.34 footer tightening */
.footer-grid>div:first-child{gap:18px}
.footer-nap{gap:6px}
.footer-social{margin-top:4px}

/* =========================================================================
   5.0 에서 새로 더한 것 — 워드프레스 때문에 필요한 최소한의 규칙만.
   ========================================================================= */

/* 로고 <img> 에 width/height 속성을 넣어 레이아웃 흔들림(CLS)을 줄였습니다.
   단, 속성의 height 가 그대로 고정돼 버리지 않도록 height:auto 로 되돌립니다 —
   이 두 줄을 빼면 푸터 로고가 53px 대신 60px 이 되어 모든 페이지가 길어집니다.
   (시안과 픽셀로 맞추기 위해 실제로 필요했던 규칙입니다) */
.footer-logo{height:auto}
.navbar .brand img{height:52px;width:auto}
@media(max-width:620px){.navbar .brand img{height:42px}}

/* 건너뛰기 링크 (스크린리더·키보드 사용자) */
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;top:12px;left:12px;z-index:200;width:auto;height:auto;clip:auto;margin:0;padding:12px 18px;background:#0c2345;color:#fff;border-radius:12px;font-weight:700}

/* 모달 안의 Gravity Forms — 시안의 .form-grid / .field / .demo-options 모양에 맞춤 */
.modal .gform_wrapper{margin-top:18px}
.modal .gform_wrapper form{margin:0}
.modal .gform_wrapper .gform_fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}
.modal .gform_wrapper .gfield{display:flex;flex-direction:column;gap:6px;margin:0}
.modal .gform_wrapper .gfield--width-full,.modal .gform_wrapper .gfield.suntek-full{grid-column:1/-1}
.modal .gform_wrapper .gfield_label{font-size:12px;font-weight:800;color:#4e6078;margin:0}
.modal .gform_wrapper .gfield_required{color:#b3364b;margin-left:3px}
.modal .gform_wrapper input[type=text],
.modal .gform_wrapper input[type=email],
.modal .gform_wrapper input[type=tel],
.modal .gform_wrapper textarea{width:100%;border:1px solid #ced9e5;border-radius:12px;padding:12px 13px;outline:none;background:#fff;color:var(--ink)}
.modal .gform_wrapper input[type=text]:focus,
.modal .gform_wrapper input[type=email]:focus,
.modal .gform_wrapper input[type=tel]:focus,
.modal .gform_wrapper textarea:focus{border-color:#4388c7;box-shadow:0 0 0 3px rgba(67,136,199,.1)}
.modal .gform_wrapper ::placeholder{color:#93a1b4;opacity:1}

/* 제품 선택 라디오를 시안의 카드 4개 모양으로 */
.modal .gform_wrapper .suntek-demo-options{grid-column:1/-1}
.modal .gform_wrapper .suntek-demo-options .gfield_label{margin-bottom:2px}
.modal .gform_wrapper .suntek-demo-options .gfield_radio{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0;list-style:none}
.modal .gform_wrapper .suntek-demo-options .gchoice{margin:0}
.modal .gform_wrapper .suntek-demo-options .gchoice input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
.modal .gform_wrapper .suntek-demo-options .gchoice label{display:block;border:1px solid var(--line);background:#fff;border-radius:15px;padding:17px;text-align:left;cursor:pointer;color:#17395f;font-weight:700;line-height:1.35;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.modal .gform_wrapper .suntek-demo-options .gchoice label:hover{border-color:#a9cbe9}
.modal .gform_wrapper .suntek-demo-options .suntek-demo-sub{display:block;font-size:12px;font-weight:600;color:#788699;margin-top:4px}
.modal .gform_wrapper .suntek-demo-options .gchoice input[type=radio]:checked + label{border-color:#4a94d4;background:#eff8ff;box-shadow:inset 0 0 0 1px #4a94d4}
.modal .gform_wrapper .suntek-demo-options .gchoice input[type=radio]:focus-visible + label{outline:3px solid #7cc4ff;outline-offset:3px}

/* 제출 버튼 — 시안의 .submit-demo 와 같은 모양 */
.modal .gform_wrapper .gform_footer{margin:18px 0 0;padding:0}
.modal .gform_wrapper .gform_button{border:0;background:#102e56;color:#fff;border-radius:13px;padding:14px 19px;font-weight:800;cursor:pointer}
.modal .gform_wrapper .gform_button:hover{background:#17406f}
.modal .gform_wrapper .gform_ajax_spinner{margin-left:10px;vertical-align:middle}

/* 검증 메시지 */
.modal .gform_wrapper .validation_error{grid-column:1/-1;margin:0 0 12px;padding:12px 14px;border-radius:12px;background:#fdf0f2;border:1px solid #f2c6ce;color:#8a2331;font-size:13.5px}
.modal .gform_wrapper .gfield_error input,
.modal .gform_wrapper .gfield_error textarea{border-color:#d07a86}
.modal .gform_wrapper .gfield_validation_message,
.modal .gform_wrapper .validation_message{font-size:12px;color:#8a2331;margin-top:2px}
.modal .gform_confirmation_message{padding:18px 0 4px;font-size:16px;line-height:1.6;color:var(--ink)}

/* 허니팟은 화면에서 숨깁니다 (GF 가 자체 처리하지만 이중 안전장치) */
.modal .gform_wrapper .gform_validation_container{position:absolute!important;left:-9999px}

/* 양식 연결 전 대체 안내 */
.demo-fallback{margin-top:18px}
.demo-fallback p{color:#5a6a7d;margin:0 0 14px}
.demo-fallback .btn-primary{display:inline-block}

@media(max-width:620px){
  .modal .gform_wrapper .gform_fields{grid-template-columns:1fr}
  .modal .gform_wrapper .suntek-demo-options .gfield_radio{grid-template-columns:1fr}
}

/* 모션을 끈 사용자에게는 GF 전환 효과도 끕니다 */
@media(prefers-reduced-motion:reduce){
  .modal .gform_wrapper .suntek-demo-options .gchoice label{transition:none}
}


/* =========================================================================
   5.0.2 — ⚠️ 실제 사이트에서 **전 페이지가 하얗게 비어 보이던** 버그 수정.

   시안은 한 파일 안에서 <section class="page"> 를 켜고 끄는 구조였고,
   그래서 `.page{display:none}` / `.page.active{display:block}` 규칙이 있습니다.

   그런데 워드프레스의 body_class() 는 페이지에서 <body> 에 **`page` 클래스를
   그대로 붙입니다.** 그 결과 `.page{display:none}` 이 <body> 를 숨겨
   헤더·본문·푸터가 전부 사라졌습니다. (HTML 은 정상, 화면만 백지)

   → 규칙을 main 안쪽으로 한정하고, <body> 는 명시적으로 되살립니다.
      시안의 페이지 전환 애니메이션(pageIn)은 그대로 유지합니다.

   검증: qa/render.php 의 body_class() 스텁이 이제 실제 워드프레스와 같은
        클래스(`page page-id-… page-template-…`)를 냅니다.
   ========================================================================= */
body.page,body.home{display:block;min-height:0;animation:none}
main > .page{display:none;min-height:calc(100vh - 78px)}
main > .page.active{display:block;animation:pageIn .32s ease both}