:root{--future-bg:#050d18;--future-bg-2:#081524;--future-panel:#0b1b2d;--future-blue:#2d7cff;--future-cyan:#2bdcff;--future-violet:#8368ff;--future-gold:#e2bb58;--future-ink:#0b1b31;--future-line:rgba(54,188,255,.20);--future-glow:0 0 0 1px rgba(45,124,255,.14),0 24px 70px rgba(2,13,29,.18)}
html{width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto!important}
body{width:100%;min-height:100vh;background:#f6f9fd;color:#45586e;overflow-x:hidden;overflow-y:auto!important}
body .main-wrapper{position:relative;width:100%;max-width:100%;height:auto!important;min-height:100vh;overflow:visible!important}
body .sis-header .sticky-header{background:rgba(5,13,24,.74);border-bottom:1px solid rgba(65,210,255,.13);box-shadow:0 8px 30px rgba(2,10,22,.10)}
body .sis-header .sticky-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(43,220,255,.58),rgba(131,104,255,.4),transparent);opacity:.45}
body .sis-header .sticky-header.affix{background:rgba(248,251,255,.92)!important;border-bottom-color:rgba(45,124,255,.13);box-shadow:0 12px 34px rgba(12,35,64,.08)}
body .sis-main-menu .nav-link.active:after{height:2px;background:linear-gradient(90deg,var(--future-cyan),var(--future-violet));box-shadow:0 0 14px rgba(43,220,255,.45)}
body .sis-system-menu{background:rgba(249,252,255,.97)!important;border:1px solid rgba(45,124,255,.12)!important;box-shadow:0 28px 80px rgba(8,28,54,.18)!important;backdrop-filter:blur(24px)}
body .sis-menu-card{border:1px solid transparent}
body .sis-menu-card:hover{background:linear-gradient(135deg,rgba(45,124,255,.06),rgba(43,220,255,.055));border-color:rgba(45,124,255,.13);transform:translateY(-2px)}
body .sis-menu-icon{background:linear-gradient(135deg,rgba(45,124,255,.12),rgba(43,220,255,.1));color:var(--future-blue);box-shadow:inset 0 0 0 1px rgba(43,220,255,.12)}
body .sis-btn-gold{background:linear-gradient(135deg,#e7bd54,#ffe49a)!important;color:#10213a!important;box-shadow:0 12px 30px rgba(226,187,88,.24),inset 0 0 0 1px rgba(255,255,255,.34)}
body .sis-btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(226,187,88,.34),0 0 24px rgba(226,187,88,.12)}
body .sis-btn-glass,body .sis-btn-light{border:1px solid rgba(111,218,255,.18)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body .sis-btn-outline-dark{border-color:rgba(45,124,255,.18)!important;background:rgba(255,255,255,.72)!important;box-shadow:0 10px 24px rgba(13,36,66,.06)}
body .sis-eyebrow{color:#176fe5;letter-spacing:.08em}
body .sis-eyebrow i{filter:drop-shadow(0 0 8px rgba(43,220,255,.28))}
body .sis-section-title span{background:linear-gradient(90deg,var(--future-blue),var(--future-violet));-webkit-background-clip:text;background-clip:text;color:transparent}
body .hero-section.sis-home-hero{min-height:790px;background:radial-gradient(circle at 76% 15%,rgba(43,220,255,.17),transparent 26%),radial-gradient(circle at 18% 28%,rgba(131,104,255,.18),transparent 25%),radial-gradient(circle at 50% 88%,rgba(45,124,255,.14),transparent 34%),linear-gradient(145deg,#030914 0%,#071426 48%,#0b1d33 100%)}
body .sis-home-hero:before{background-image:linear-gradient(rgba(93,219,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(93,219,255,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.85) 55%,transparent 96%);animation:sisGridDrift 28s linear infinite}
body .sis-home-hero:after{content:"";position:absolute;width:520px;height:520px;left:50%;top:43%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(43,220,255,.10),rgba(45,124,255,.035) 42%,transparent 70%);filter:blur(10px);pointer-events:none;animation:sisBreath 8s ease-in-out infinite}
body #sis-particles{opacity:.32}
body .sis-hero-badge{border-color:rgba(69,207,255,.24);background:linear-gradient(135deg,rgba(45,124,255,.10),rgba(131,104,255,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 30px rgba(43,220,255,.05);letter-spacing:.04em}
body .sis-hero-badge i{color:var(--future-cyan)}
body .sis-hero-title{max-width:940px;font-size:clamp(2.5rem,5.4vw,5rem);letter-spacing:-.045em}
body .sis-hero-title span{background:linear-gradient(95deg,#fff 0%,#77e8ff 35%,#a494ff 68%,#ffe6a1 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
body .sis-hero-sub{max-width:820px;color:rgba(223,237,255,.72)}
body .sis-hero-trust span{border:1px solid rgba(70,206,255,.11);background:rgba(6,18,34,.32);padding:8px 11px;border-radius:999px;backdrop-filter:blur(9px)}
body .sis-hero-trust i{color:var(--future-cyan)}
body .sis-home-hero-v2 .sis-shot{margin-top:58px;border:1px solid rgba(82,211,255,.23);background:#071627;box-shadow:0 42px 120px rgba(0,0,0,.42),0 0 0 1px rgba(129,104,255,.08),0 0 70px rgba(43,220,255,.08);animation:sisSoftFloat 9s ease-in-out infinite}
body .sis-home-hero-v2 .sis-shot:before,body .sis-page-hero .sis-shot:before,body .sis-face-hero .sis-shot:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 26%,transparent 70%,rgba(43,220,255,.055));z-index:2}
body .sis-shot{border-color:rgba(45,124,255,.14);background:#edf5ff;box-shadow:0 26px 70px rgba(9,31,57,.13),0 0 0 1px rgba(43,220,255,.04)}
body .sis-shot figcaption{background:rgba(4,13,25,.79);border:1px solid rgba(76,212,255,.16);box-shadow:0 8px 20px rgba(0,0,0,.16)}
body .sis-shot-placeholder{background:linear-gradient(145deg,#eaf4ff,#f8fbff)}
body .sis-shot-empty-icon{background:linear-gradient(135deg,#fff,#eff8ff);color:var(--future-blue);box-shadow:0 10px 26px rgba(45,124,255,.12)}
body .sis-value-strip{background:linear-gradient(180deg,#f8fbff,#f3f8fd);border-bottom:1px solid rgba(45,124,255,.10)}
body .sis-value-item{border:1px solid rgba(45,124,255,.09);background:rgba(255,255,255,.72);box-shadow:0 10px 30px rgba(13,39,69,.04);transition:.25s ease}
body .sis-value-item:hover{transform:translateY(-3px);border-color:rgba(43,220,255,.22);box-shadow:0 16px 38px rgba(17,53,90,.08)}
body .sis-value-icon{background:linear-gradient(135deg,rgba(45,124,255,.12),rgba(43,220,255,.12));color:var(--future-blue);box-shadow:inset 0 0 0 1px rgba(43,220,255,.10)}
body .sis-core-section,body .sis-role-section,body .sis-home-mini-showcase,body .sis-mobile-showcase,body .sis-screenshot-showcase{position:relative;background:linear-gradient(180deg,#f7faff,#f2f7fc)}
body .sis-core-section:before,body .sis-role-section:before,body .sis-home-mini-showcase:before,body .sis-mobile-showcase:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(45,124,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(45,124,255,.024) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
body .sis-core-section>.container,body .sis-role-section>.container,body .sis-home-mini-showcase>.container,body .sis-mobile-showcase>.container{position:relative;z-index:1}
body .sis-core-card,body .sis-role-card,body .sis-home-mini-card{border:1px solid rgba(45,124,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,251,255,.90));box-shadow:0 14px 40px rgba(12,38,70,.055);overflow:hidden}
body .sis-core-card:before,body .sis-role-card:before,body .sis-home-mini-card:before{content:"";position:absolute;width:130px;height:130px;right:-70px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(43,220,255,.13),transparent 70%);opacity:0;transition:.3s ease}
body .sis-core-card:hover:before,body .sis-role-card:hover:before,body .sis-home-mini-card:hover:before{opacity:1}
body .sis-core-card:hover,body .sis-role-card:hover,body .sis-home-mini-card:hover{transform:translateY(-5px);border-color:rgba(43,220,255,.28);box-shadow:0 22px 54px rgba(14,47,83,.10),0 0 32px rgba(43,220,255,.05)}
body .sis-core-card .icon,body .sis-role-card .icon{background:linear-gradient(135deg,rgba(45,124,255,.12),rgba(43,220,255,.10));color:var(--future-blue);box-shadow:inset 0 0 0 1px rgba(43,220,255,.10)}
body .sis-core-card.featured{background:radial-gradient(circle at 85% 0%,rgba(43,220,255,.13),transparent 36%),linear-gradient(145deg,#071426,#0b2845);border-color:rgba(61,201,255,.18);box-shadow:0 20px 52px rgba(3,18,35,.20)}
body .sis-core-card.featured .icon{background:linear-gradient(135deg,rgba(43,220,255,.16),rgba(131,104,255,.18));color:#81efff}
body .sis-core-card.featured span{color:#83ecff}
body .sis-home-mini-card{position:relative}
body .sis-phone-frame{background:linear-gradient(145deg,#02070e,#0b2036);border:1px solid rgba(85,219,255,.20);box-shadow:0 30px 70px rgba(5,20,38,.24),0 0 35px rgba(43,220,255,.06)}
body .sis-phone-frame:after{content:"";position:absolute;inset:10px;border-radius:30px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
body .sis-mobile-item:nth-child(2n) .sis-phone-frame{animation:sisSoftFloat 9.5s ease-in-out infinite reverse}
body .sis-mobile-item:nth-child(2n+1) .sis-phone-frame{animation:sisSoftFloat 10.5s ease-in-out infinite}
body .sis-separate-product{position:relative;background:radial-gradient(circle at 78% 18%,rgba(43,220,255,.11),transparent 26%),radial-gradient(circle at 18% 78%,rgba(131,104,255,.12),transparent 26%),linear-gradient(145deg,#030914,#081a2e)}
body .sis-separate-product:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(76,209,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(76,209,255,.035) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
body .sis-separate-box{position:relative;z-index:1}
body .sis-home-cta{background:#f4f8fd}
body .sis-home-cta-box,body .sis-footer-cta-box{background:radial-gradient(circle at 90% 15%,rgba(43,220,255,.12),transparent 28%),linear-gradient(135deg,#061426,#0a2946);border:1px solid rgba(69,212,255,.14);box-shadow:0 30px 80px rgba(5,23,43,.22),0 0 40px rgba(43,220,255,.04)}
body .sis-footer{background:#030a13}
body .footer-top{background:radial-gradient(circle at 10% 20%,rgba(45,124,255,.08),transparent 25%),linear-gradient(180deg,#061220,#030a13)!important}
body .sis-footer-contact-card{border-color:rgba(64,207,255,.13);background:rgba(255,255,255,.035)}
body .sis-footer-contact-card:hover{border-color:rgba(64,207,255,.28);background:rgba(43,220,255,.05)}
body .sis-page-hero,body .sis-face-hero,body .sis-price-hero,body .sis-lead-hero{position:relative;background:radial-gradient(circle at 82% 15%,rgba(43,220,255,.14),transparent 27%),radial-gradient(circle at 16% 38%,rgba(131,104,255,.14),transparent 28%),linear-gradient(145deg,#030914,#08192c 55%,#0a2540);overflow:hidden}
body .sis-page-hero:before,body .sis-face-hero:before,body .sis-price-hero:before,body .sis-lead-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(75,209,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(75,209,255,.04) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,#000,transparent 95%);animation:sisGridDrift 30s linear infinite;pointer-events:none}
body .sis-page-hero .container,body .sis-face-hero .container,body .sis-price-hero .container,body .sis-lead-hero .container{position:relative;z-index:1}
body .sis-page-hero h1 span,body .sis-face-hero h1 span,body .sis-price-hero h1 span,body .sis-lead-hero h1 span{background:linear-gradient(90deg,#7be9ff,#a796ff,#ffe49d);-webkit-background-clip:text;background-clip:text;color:transparent}
body .sis-feature-block{position:relative;border-bottom:1px solid rgba(45,124,255,.08);background:#f8fbff}
body .sis-feature-block:nth-of-type(even){background:linear-gradient(180deg,#fff,#f7faff)}
body .sis-feature-list span{border-color:rgba(45,124,255,.12);background:rgba(255,255,255,.85);box-shadow:0 8px 22px rgba(12,39,71,.035)}
body .sis-feature-list span:hover{border-color:rgba(43,220,255,.28);transform:translateY(-1px)}
body .sis-feature-list i{color:#168fda}
body .sis-feature-flow span{background:linear-gradient(135deg,#07192c,#0c3151);border:1px solid rgba(43,220,255,.12);box-shadow:0 8px 20px rgba(5,24,43,.12)}
body .sis-feature-flow i{color:var(--future-cyan)}
body .sis-feature-note{background:linear-gradient(135deg,rgba(45,124,255,.07),rgba(43,220,255,.07));border-color:rgba(45,124,255,.14);color:#275377}
body .sis-quick-nav{background:rgba(248,251,255,.90);border-bottom-color:rgba(45,124,255,.09);backdrop-filter:blur(16px)}
body .sis-quick-nav a{background:rgba(45,124,255,.06);color:#415875;border:1px solid rgba(45,124,255,.07)}
body .sis-quick-nav a:hover,body .sis-quick-active{background:linear-gradient(135deg,rgba(45,124,255,.12),rgba(43,220,255,.10))!important;color:#1469d6!important;border-color:rgba(43,220,255,.18)}
body .sis-face-device{border:1px solid rgba(43,220,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.35),0 0 48px rgba(43,220,255,.07)}
body .sis-face-scan-line{background:linear-gradient(90deg,transparent,#5ae7ff,transparent);box-shadow:0 0 18px rgba(90,231,255,.7);animation:sisFaceScan 4.8s ease-in-out infinite}
body .sis-face-feature-card,body .sis-face-checklist>div{border-color:rgba(45,124,255,.11);box-shadow:0 12px 34px rgba(13,39,70,.05)}
body .sis-face-feature-card:hover{border-color:rgba(43,220,255,.25);transform:translateY(-4px)}
body .sis-face-workflow{background:radial-gradient(circle at 85% 20%,rgba(43,220,255,.09),transparent 30%),linear-gradient(145deg,#030914,#08192b)}
body .sis-face-integration-box{border:1px solid rgba(45,124,255,.12);box-shadow:0 24px 64px rgba(10,36,66,.09)}
body .sis-price-products,body .sis-price-tiers,body .sis-price-explain{background:linear-gradient(180deg,#f8fbff,#f3f8fd)}
body .sis-price-product-card,body .sis-price-factor-grid>div,body .sis-price-tier-grid>a{border-color:rgba(45,124,255,.12);background:rgba(255,255,255,.90);box-shadow:0 14px 40px rgba(13,40,71,.055)}
body .sis-price-product-card:hover,body .sis-price-tier-grid>a:hover{transform:translateY(-4px);border-color:rgba(43,220,255,.27);box-shadow:0 20px 48px rgba(13,46,80,.10)}
body .sis-price-product-card.featured{border-color:rgba(45,124,255,.28);box-shadow:0 20px 60px rgba(45,124,255,.10)}
body .sis-price-summary{border:1px solid rgba(64,207,255,.16);background:rgba(255,255,255,.055);backdrop-filter:blur(16px)}
body .sis-price-cta{background:#f4f8fd}
body .sis-price-cta-box{background:radial-gradient(circle at 90% 15%,rgba(43,220,255,.12),transparent 30%),linear-gradient(135deg,#061426,#0a2946);border:1px solid rgba(69,212,255,.14);box-shadow:0 28px 70px rgba(5,23,43,.20)}
body .sis-lead-form-card{border:1px solid rgba(91,218,255,.17);background:rgba(255,255,255,.96);box-shadow:0 30px 80px rgba(0,0,0,.26),0 0 40px rgba(43,220,255,.05)}
body .sis-request-switch{background:#edf4fb;border:1px solid rgba(45,124,255,.10)}
body .sis-request-switch button.active{background:linear-gradient(135deg,#0c6ff0,#19b8ed);box-shadow:0 8px 22px rgba(45,124,255,.20)}
body .sis-field input,body .sis-field select,body .sis-field textarea{border-color:rgba(45,124,255,.13);background:#f9fcff}
body .sis-field input:focus,body .sis-field select:focus,body .sis-field textarea:focus{border-color:rgba(43,220,255,.55);box-shadow:0 0 0 4px rgba(43,220,255,.08)}
body .sis-interest-grid label span{border-color:rgba(45,124,255,.11);background:#f9fcff}
body .sis-interest-grid input:checked+span{border-color:rgba(43,220,255,.45);background:linear-gradient(135deg,rgba(45,124,255,.08),rgba(43,220,255,.08));box-shadow:0 0 0 3px rgba(43,220,255,.05)}
body .sis-lead-steps,body .sis-lead-faq{background:linear-gradient(180deg,#f8fbff,#f3f8fd)}
body .sis-step-grid>div,body .sis-faq .accordion-item{border-color:rgba(45,124,255,.11);box-shadow:0 12px 32px rgba(13,39,70,.045)}
body .sis-mobile-menu{background:linear-gradient(180deg,#f9fcff,#f1f7fd)!important}
body .sis-mobile-nav a:hover{background:linear-gradient(135deg,rgba(45,124,255,.08),rgba(43,220,255,.07));color:#1469d6}
.sis-connected-section{position:relative;padding:110px 0;background:radial-gradient(circle at 50% 40%,rgba(43,220,255,.09),transparent 28%),radial-gradient(circle at 78% 65%,rgba(131,104,255,.10),transparent 24%),linear-gradient(145deg,#030914,#07182a 52%,#0a2239);overflow:hidden}
.sis-connected-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(77,215,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(77,215,255,.04) 1px,transparent 1px);background-size:68px 68px;mask-image:radial-gradient(circle at center,#000 28%,transparent 84%);animation:sisGridDrift 32s linear infinite}
.sis-connected-section .container{position:relative;z-index:1}
.sis-connected-head{text-align:center;max-width:780px;margin:0 auto 58px}.sis-connected-head h2{color:#fff;font-size:clamp(2rem,4.6vw,3.6rem);margin:12px 0 14px}.sis-connected-head h2 span{background:linear-gradient(90deg,#7ceaff,#a795ff,#ffe29a);-webkit-background-clip:text;background-clip:text;color:transparent}.sis-connected-head p{color:rgba(220,235,252,.64);margin:0}.sis-network{position:relative;min-height:430px;max-width:1000px;margin:auto}.sis-network:before,.sis-network:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.sis-network:before{width:340px;height:340px;border:1px solid rgba(69,210,255,.11);box-shadow:0 0 60px rgba(43,220,255,.05);animation:sisRingPulse 7s ease-in-out infinite}.sis-network:after{width:540px;height:540px;border:1px dashed rgba(131,104,255,.10);animation:sisSlowSpin 40s linear infinite}.sis-network-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 35% 30%,rgba(43,220,255,.20),transparent 32%),linear-gradient(145deg,#0b2947,#071524);border:1px solid rgba(79,220,255,.28);box-shadow:0 0 0 12px rgba(43,220,255,.025),0 0 60px rgba(43,220,255,.12),inset 0 0 40px rgba(43,220,255,.04);z-index:3}.sis-network-core i{font-size:1.55rem;color:#75eaff;margin-bottom:10px}.sis-network-core strong{color:#fff;font-size:1.35rem}.sis-network-core small{color:rgba(209,230,249,.55);margin-top:5px}.sis-network-node{position:absolute;width:190px;padding:16px 17px;border-radius:18px;background:rgba(10,28,48,.82);border:1px solid rgba(65,207,255,.14);box-shadow:0 18px 42px rgba(0,0,0,.20);backdrop-filter:blur(14px);z-index:4;animation:sisSoftFloat 9s ease-in-out infinite}.sis-network-node i{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(45,124,255,.17),rgba(43,220,255,.13));color:#7cecff;margin-bottom:10px}.sis-network-node strong{display:block;color:#fff;font-size:.88rem}.sis-network-node small{display:block;color:rgba(210,229,248,.50);font-size:.68rem;margin-top:3px}.sis-network-node.n1{left:4%;top:6%}.sis-network-node.n2{right:4%;top:6%;animation-delay:-1.5s}.sis-network-node.n3{left:0;bottom:4%;animation-delay:-3s}.sis-network-node.n4{right:0;bottom:4%;animation-delay:-4.5s}.sis-network-node.n5{left:50%;top:0;transform:translateX(-50%);animation:sisSoftFloatCenter 10s ease-in-out infinite}.sis-network-node.n6{left:50%;bottom:0;transform:translateX(-50%);animation:sisSoftFloatCenter 11s ease-in-out infinite reverse}.sis-network-line{position:absolute;left:50%;top:50%;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(43,220,255,.45),rgba(131,104,255,.06));z-index:1;opacity:.42}.sis-network-line:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;right:14%;top:-3px;background:#72eaff;box-shadow:0 0 14px rgba(114,234,255,.8);animation:sisDataPulse 5.5s ease-in-out infinite}.sis-network-line.l1{width:330px;transform:rotate(-145deg)}.sis-network-line.l2{width:330px;transform:rotate(-35deg)}.sis-network-line.l3{width:355px;transform:rotate(145deg)}.sis-network-line.l4{width:355px;transform:rotate(35deg)}.sis-network-line.l5{width:240px;transform:rotate(-90deg)}.sis-network-line.l6{width:240px;transform:rotate(90deg)}
@keyframes sisGridDrift{from{background-position:0 0,0 0}to{background-position:68px 68px,68px 68px}}@keyframes sisBreath{0%,100%{opacity:.65;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}@keyframes sisSoftFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes sisSoftFloatCenter{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}@keyframes sisRingPulse{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.97)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.03)}}@keyframes sisSlowSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes sisDataPulse{0%,100%{opacity:.2;transform:translateX(-40px)}50%{opacity:1;transform:translateX(36px)}}@keyframes sisFaceScan{0%,100%{top:20%;opacity:.35}50%{top:78%;opacity:1}}
@media(max-width:991.98px){.sis-connected-section{padding:88px 0}.sis-network{min-height:620px;max-width:680px}.sis-network:before{width:300px;height:300px}.sis-network:after{width:470px;height:470px}.sis-network-node.n1{left:4%;top:12%}.sis-network-node.n2{right:4%;top:12%}.sis-network-node.n3{left:4%;bottom:12%}.sis-network-node.n4{right:4%;bottom:12%}.sis-network-node.n5{top:0}.sis-network-node.n6{bottom:0}.sis-network-line{display:none}}
@media(max-width:767.98px){body .hero-section.sis-home-hero{min-height:auto}body .sis-hero-title{font-size:2.6rem}body .sis-home-hero-v2 .sis-shot{animation:none}body .sis-value-item:hover,body .sis-core-card:hover,body .sis-role-card:hover,body .sis-home-mini-card:hover,body .sis-price-product-card:hover,body .sis-price-tier-grid>a:hover{transform:none}.sis-connected-section{padding:74px 0}.sis-connected-head{margin-bottom:36px}.sis-network{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.sis-network:before,.sis-network:after,.sis-network-line{display:none}.sis-network-core{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;width:100%;height:auto;min-height:150px;border-radius:24px}.sis-network-node,.sis-network-node.n1,.sis-network-node.n2,.sis-network-node.n3,.sis-network-node.n4,.sis-network-node.n5,.sis-network-node.n6{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none!important;width:auto;animation:none;padding:15px}.sis-network-node i{margin-bottom:8px}body .sis-mobile-item .sis-phone-frame{animation:none}}
@media(prefers-reduced-motion:reduce){body .sis-home-hero:before,body .sis-home-hero:after,body .sis-home-hero-v2 .sis-shot,body .sis-page-hero:before,body .sis-face-hero:before,body .sis-price-hero:before,body .sis-lead-hero:before,body .sis-face-scan-line,.sis-connected-section:before,.sis-network:before,.sis-network:after,.sis-network-node,.sis-network-line:after,body .sis-phone-frame{animation:none!important}}


/* Step 3: Connected workflow */
.sis-workflow-section{position:relative;padding:110px 0;background:radial-gradient(circle at 8% 18%,rgba(45,124,255,.11),transparent 27%),radial-gradient(circle at 92% 82%,rgba(131,104,255,.10),transparent 28%),linear-gradient(145deg,#030914,#07182b 55%,#09243d);overflow:hidden}
.sis-workflow-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(78,214,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(78,214,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent 2%,#000 24%,#000 78%,transparent 100%)}
.sis-workflow-section:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(88,221,255,.07);border-radius:50%;right:-180px;top:-160px;box-shadow:0 0 90px rgba(43,220,255,.04);animation:sisWorkflowOrb 12s ease-in-out infinite}
.sis-workflow-section .container{position:relative;z-index:1}
.sis-workflow-head{max-width:820px;margin:0 auto 48px}.sis-workflow-head h2{margin:12px 0 14px;color:#fff;font-size:clamp(2rem,4.3vw,3.45rem);line-height:1.16}.sis-workflow-head h2 span{background:linear-gradient(90deg,#7ceaff,#aa9bff,#ffe2a1);-webkit-background-clip:text;background-clip:text;color:transparent}.sis-workflow-head p{margin:0;color:rgba(216,233,250,.64);font-size:1.02rem}
.sis-workflow-grid{display:grid;grid-template-columns:1fr;gap:22px;max-width:1180px;margin:auto}.sis-workflow-card{position:relative;padding:28px;border-radius:28px;background:linear-gradient(145deg,rgba(12,35,59,.91),rgba(5,19,34,.94));border:1px solid rgba(82,214,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.23);overflow:hidden}.sis-workflow-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-115px;top:-130px;background:radial-gradient(circle,rgba(43,220,255,.10),transparent 68%);pointer-events:none}.sis-workflow-card.budget:before{background:radial-gradient(circle,rgba(149,111,255,.12),transparent 68%)}
.sis-workflow-card-head{position:relative;display:flex;align-items:center;gap:14px;margin-bottom:26px}.sis-workflow-icon{width:58px;height:58px;min-width:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:#8cecff;background:linear-gradient(135deg,rgba(45,124,255,.18),rgba(43,220,255,.12));border:1px solid rgba(93,223,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.16)}.sis-workflow-card.budget .sis-workflow-icon{color:#c1adff;background:linear-gradient(135deg,rgba(131,104,255,.19),rgba(43,220,255,.10))}.sis-workflow-card-head span{display:block;margin-bottom:3px;color:#6fe6ff;font-family:"Plus Jakarta Sans","Noto Sans Thai",sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.sis-workflow-card.budget .sis-workflow-card-head span{color:#b5a0ff}.sis-workflow-card-head h3{margin:0;color:#fff;font-size:1.35rem}
.sis-workflow-track{position:relative;display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr 34px 1fr;align-items:stretch;gap:8px}.sis-workflow-track:before{content:"";position:absolute;left:5%;right:5%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(89,222,255,.22),rgba(131,104,255,.18),transparent);z-index:0}.sis-workflow-step{position:relative;z-index:2;min-height:146px;padding:18px 13px 15px;border-radius:20px;text-align:center;background:rgba(255,255,255,.035);border:1px solid rgba(86,216,255,.10);backdrop-filter:blur(10px);transition:.25s ease}.sis-workflow-step:hover{transform:translateY(-3px);border-color:rgba(86,216,255,.26);background:rgba(43,220,255,.055)}.sis-workflow-card.budget .sis-workflow-step:hover{border-color:rgba(170,145,255,.25);background:rgba(131,104,255,.055)}.sis-workflow-step .num{position:absolute;top:9px;right:10px;color:rgba(143,226,255,.30);font-family:"Plus Jakarta Sans",sans-serif;font-size:.62rem;font-weight:800}.sis-workflow-step>i{display:flex;width:42px;height:42px;margin:10px auto 11px;border-radius:13px;align-items:center;justify-content:center;color:#79e9ff;background:linear-gradient(135deg,rgba(45,124,255,.16),rgba(43,220,255,.10));font-size:1rem}.sis-workflow-card.budget .sis-workflow-step>i{color:#b8a5ff;background:linear-gradient(135deg,rgba(131,104,255,.17),rgba(43,220,255,.08))}.sis-workflow-step strong{display:block;color:#f5fbff;font-size:.83rem}.sis-workflow-step small{display:block;margin-top:5px;color:rgba(207,227,246,.49);font-size:.64rem;line-height:1.45}.sis-workflow-arrow{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;color:#65ddf8;font-size:.78rem}.sis-workflow-arrow:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#67e5ff;box-shadow:0 0 15px rgba(103,229,255,.85);animation:sisWorkflowData 4.6s ease-in-out infinite}.sis-workflow-card.budget .sis-workflow-arrow:after{background:#a68cff;box-shadow:0 0 15px rgba(166,140,255,.75);animation-delay:-1.8s}
.sis-workflow-result{display:flex;align-items:center;gap:10px;margin-top:20px;padding:13px 15px;border-radius:15px;background:rgba(43,220,255,.045);border:1px solid rgba(69,211,255,.09);color:rgba(214,233,250,.70);font-size:.78rem}.sis-workflow-result i{color:#ffd56f}.sis-workflow-result strong{color:#fff}.sis-workflow-card.budget .sis-workflow-result{background:rgba(131,104,255,.045);border-color:rgba(155,132,255,.10)}
.sis-workflow-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:28px auto 0}.sis-workflow-footer span{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;color:rgba(218,235,251,.68);font-size:.72rem;background:rgba(255,255,255,.035);border:1px solid rgba(85,215,255,.09)}.sis-workflow-footer i{color:#6de7ff}
@keyframes sisWorkflowData{0%,100%{opacity:.15;transform:translateX(-9px) scale(.75)}50%{opacity:1;transform:translateX(9px) scale(1)}}@keyframes sisWorkflowOrb{0%,100%{transform:translateY(0) scale(.98);opacity:.5}50%{transform:translateY(14px) scale(1.03);opacity:.85}}
@media(max-width:991.98px){.sis-workflow-section{padding:88px 0}.sis-workflow-card{padding:24px}.sis-workflow-track{grid-template-columns:1fr}.sis-workflow-track:before{left:50%;right:auto;top:5%;bottom:5%;width:1px;height:auto;background:linear-gradient(180deg,transparent,rgba(89,222,255,.18),rgba(131,104,255,.14),transparent)}.sis-workflow-arrow{height:28px;transform:rotate(90deg)}.sis-workflow-step{min-height:0;display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:12px;padding:14px 42px 14px 14px}.sis-workflow-step>i{grid-row:1/3;margin:0}.sis-workflow-step strong{align-self:end}.sis-workflow-step small{align-self:start}.sis-workflow-step .num{top:50%;transform:translateY(-50%);right:14px}}
@media(max-width:767.98px){.sis-workflow-section{padding:72px 0}.sis-workflow-head{margin-bottom:32px}.sis-workflow-card{padding:18px;border-radius:22px}.sis-workflow-card-head{align-items:flex-start;margin-bottom:20px}.sis-workflow-icon{width:50px;height:50px;min-width:50px;border-radius:15px}.sis-workflow-card-head h3{font-size:1.05rem}.sis-workflow-result{align-items:flex-start}.sis-workflow-footer{justify-content:flex-start}.sis-workflow-step:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.sis-workflow-section:after,.sis-workflow-arrow:after{animation:none!important}}


/* Step 4: Why SiS4School */
.sis-why-section{position:relative;padding:108px 0;background:linear-gradient(180deg,#f7fbff,#eef5fb);overflow:hidden}
.sis-why-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(45,124,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(45,124,255,.028) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent)}
.sis-why-section:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-260px;top:-250px;background:radial-gradient(circle,rgba(43,220,255,.13),rgba(131,104,255,.05) 38%,transparent 70%);filter:blur(5px);pointer-events:none}
.sis-why-section>.container{position:relative;z-index:1}
.sis-why-head{max-width:830px;margin:0 auto 46px}.sis-why-head h2{margin:12px 0 14px;color:#0a2039;font-size:clamp(2rem,4vw,3.35rem);line-height:1.16}.sis-why-head h2 span{background:linear-gradient(90deg,#176fff,#00bde7,#785fff);-webkit-background-clip:text;background-clip:text;color:transparent}.sis-why-head p{margin:0;color:#60758b;font-size:1rem;line-height:1.8}
.sis-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sis-why-card{position:relative;min-height:295px;padding:28px 26px 24px;border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,251,255,.92));border:1px solid rgba(45,124,255,.11);box-shadow:0 16px 46px rgba(12,38,70,.065);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.sis-why-card:before{content:"";position:absolute;width:160px;height:160px;right:-90px;top:-85px;border-radius:50%;background:radial-gradient(circle,rgba(43,220,255,.16),transparent 68%);opacity:.45;transition:.25s ease}.sis-why-card:hover{transform:translateY(-5px);border-color:rgba(43,220,255,.30);box-shadow:0 24px 58px rgba(14,47,83,.11),0 0 35px rgba(43,220,255,.05)}.sis-why-card:hover:before{opacity:1}.sis-why-card.primary{background:radial-gradient(circle at 90% 0%,rgba(43,220,255,.13),transparent 38%),linear-gradient(145deg,#071628,#0b2947);border-color:rgba(69,211,255,.18);box-shadow:0 22px 58px rgba(3,18,35,.20)}.sis-why-card.accent{background:radial-gradient(circle at 90% 0%,rgba(131,104,255,.14),transparent 38%),linear-gradient(145deg,#11172d,#14264a);border-color:rgba(150,126,255,.18);box-shadow:0 22px 58px rgba(8,14,35,.18)}
.sis-why-no{position:absolute;right:21px;top:18px;color:rgba(19,83,139,.13);font-family:"Plus Jakarta Sans",sans-serif;font-size:2.35rem;font-weight:800;line-height:1}.sis-why-card.primary .sis-why-no,.sis-why-card.accent .sis-why-no{color:rgba(141,231,255,.12)}
.sis-why-icon{width:54px;height:54px;border-radius:17px;display:flex;align-items:center;justify-content:center;margin-bottom:21px;color:#1776ff;background:linear-gradient(135deg,rgba(45,124,255,.13),rgba(43,220,255,.11));border:1px solid rgba(45,124,255,.10);font-size:1.2rem}.sis-why-card.primary .sis-why-icon{color:#7cecff;background:linear-gradient(135deg,rgba(45,124,255,.19),rgba(43,220,255,.13));border-color:rgba(93,223,255,.14)}.sis-why-card.accent .sis-why-icon{color:#b7a8ff;background:linear-gradient(135deg,rgba(131,104,255,.20),rgba(43,220,255,.10));border-color:rgba(172,151,255,.15)}
.sis-why-card h3{margin:0 0 10px;color:#102941;font-size:1.08rem}.sis-why-card p{margin:0 0 20px;color:#6a7e90;font-size:.78rem;line-height:1.75}.sis-why-card.primary h3,.sis-why-card.accent h3{color:#fff}.sis-why-card.primary p,.sis-why-card.accent p{color:rgba(216,233,250,.62)}
.sis-why-tag{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding:7px 10px;border-radius:999px;background:rgba(45,124,255,.06);border:1px solid rgba(45,124,255,.08);color:#37719e;font-family:"Plus Jakarta Sans","Noto Sans Thai",sans-serif;font-size:.62rem;font-weight:700}.sis-why-tag i{color:#1687ff}.sis-why-card.primary .sis-why-tag,.sis-why-card.accent .sis-why-tag{background:rgba(255,255,255,.045);border-color:rgba(101,218,255,.09);color:rgba(219,238,253,.70)}.sis-why-card.primary .sis-why-tag i{color:#70e7ff}.sis-why-card.accent .sis-why-tag i{color:#b3a0ff}
.sis-why-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:20px 22px;border-radius:21px;background:rgba(255,255,255,.73);border:1px solid rgba(45,124,255,.10);box-shadow:0 12px 34px rgba(12,38,70,.05);backdrop-filter:blur(10px)}.sis-why-summary>div{display:flex;align-items:center;gap:14px}.sis-why-summary>div>i{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#1775ff,#11c6dc);box-shadow:0 10px 24px rgba(23,117,255,.18)}.sis-why-summary span{display:block}.sis-why-summary strong{display:block;color:#0d2944;font-size:.86rem}.sis-why-summary small{display:block;margin-top:3px;color:#73869a;font-size:.7rem;line-height:1.5}
@media(max-width:991.98px){.sis-why-section{padding:88px 0}.sis-why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){.sis-why-section{padding:72px 0}.sis-why-head{margin-bottom:32px}.sis-why-grid{grid-template-columns:1fr}.sis-why-card{min-height:0;padding:23px 21px}.sis-why-card:hover{transform:none}.sis-why-summary{align-items:flex-start;flex-direction:column}.sis-why-summary .btn{width:100%}}

/* V9: Detail pages, screenshots and case studies */
.sis-shot-real .sis-shot-open{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:inherit}.sis-shot-real .sis-shot-open img{display:block;width:100%;height:auto}.sis-shot-zoom{position:absolute;right:14px;bottom:14px;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;color:#fff;background:rgba(4,15,28,.78);border:1px solid rgba(111,221,255,.20);backdrop-filter:blur(12px);font-size:.68rem;font-weight:700;opacity:0;transform:translateY(6px);transition:.22s ease}.sis-shot-real:hover .sis-shot-zoom{opacity:1;transform:translateY(0)}.sis-shot-real figcaption span{display:inline-flex;align-items:center;gap:7px}.sis-shot-real figcaption span i{font-size:.42rem;color:#50e5ff;filter:drop-shadow(0 0 6px rgba(80,229,255,.8))}.sis-shot-placeholder code{display:inline-flex;margin-top:10px;padding:6px 9px;border-radius:8px;background:rgba(16,55,91,.07);color:#2c6e9e;font-size:.64rem}.sis-image-viewer{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:26px;background:rgba(1,7,14,.92);backdrop-filter:blur(16px)}.sis-image-viewer.open{display:flex}.sis-image-viewer-inner{position:relative;width:min(1500px,96vw);max-height:94vh}.sis-image-viewer img{display:block;max-width:100%;max-height:88vh;margin:auto;border-radius:18px;border:1px solid rgba(85,222,255,.18);box-shadow:0 34px 100px rgba(0,0,0,.55)}.sis-image-viewer-title{padding:12px 56px 0;color:rgba(225,240,255,.78);text-align:center;font-size:.8rem}.sis-image-viewer-close{position:absolute;right:8px;top:8px;z-index:2;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(3,13,25,.78);color:#fff;font-size:1.05rem;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.sis-detail-hero{position:relative;min-height:680px;display:flex;align-items:center;padding:150px 0 92px;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(43,220,255,.17),transparent 28%),radial-gradient(circle at 18% 75%,rgba(131,104,255,.16),transparent 29%),linear-gradient(145deg,#030914,#08172a 52%,#0a2037)}.sis-detail-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(91,219,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(91,219,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.72),transparent);pointer-events:none}.sis-detail-hero>.container{position:relative;z-index:2}.sis-detail-hero h1{margin:14px 0 18px;color:#fff;font-size:clamp(2.45rem,5vw,4.65rem);line-height:1.08;letter-spacing:-.04em}.sis-detail-hero h1 span{background:linear-gradient(90deg,#77e9ff,#a993ff,#ffe5a0);-webkit-background-clip:text;background-clip:text;color:transparent}.sis-detail-hero p{max-width:680px;margin:0;color:rgba(219,235,251,.70);font-size:1rem;line-height:1.85}.sis-detail-hero.finance{background:radial-gradient(circle at 75% 16%,rgba(226,187,88,.13),transparent 27%),radial-gradient(circle at 12% 72%,rgba(43,220,255,.12),transparent 28%),linear-gradient(145deg,#04101c,#092236)}.sis-detail-hero.student-care{background:radial-gradient(circle at 78% 18%,rgba(255,105,180,.12),transparent 27%),radial-gradient(circle at 18% 75%,rgba(43,220,255,.13),transparent 27%),linear-gradient(145deg,#050c19,#102341)}.sis-detail-hero.executive{background:radial-gradient(circle at 80% 18%,rgba(131,104,255,.18),transparent 28%),radial-gradient(circle at 15% 75%,rgba(43,220,255,.11),transparent 27%),linear-gradient(145deg,#040a16,#0b1730)}.sis-detail-hero.mobile{background:radial-gradient(circle at 76% 18%,rgba(43,220,255,.17),transparent 27%),radial-gradient(circle at 20% 76%,rgba(131,104,255,.18),transparent 28%),linear-gradient(145deg,#030914,#091b31)}
.sis-detail-section{position:relative;padding:104px 0;background:#f7faff}.sis-detail-section.alt{background:linear-gradient(180deg,#eef5fb,#f8fbff)}.sis-detail-section.dark{background:radial-gradient(circle at 82% 10%,rgba(43,220,255,.08),transparent 28%),linear-gradient(145deg,#040c17,#081b2d);color:rgba(216,233,250,.68)}.sis-detail-section.dark .sis-feature-copy h2{color:#fff}.sis-detail-section.dark .sis-feature-copy p{color:rgba(216,233,250,.62)}.sis-feature-list.light span{color:rgba(226,240,253,.76);background:rgba(255,255,255,.035);border-color:rgba(92,216,255,.10)}.sis-feature-list.light i{color:#71e9ff}.sis-detail-cta{padding:64px 0 108px;background:#f5f9fd}.sis-mini-flow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:22px}.sis-mini-flow span{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(45,124,255,.07);border:1px solid rgba(45,124,255,.10);color:#356b95;font-size:.69rem;font-weight:700}.sis-mini-flow i{color:#17aeda;font-size:.7rem}.sis-detail-section.dark .sis-mini-flow span{background:rgba(255,255,255,.045);border-color:rgba(87,216,255,.11);color:rgba(223,239,253,.72)}.sis-mini-flow.wide{justify-content:center;margin-top:34px}.sis-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sis-benefit-grid.executive{grid-template-columns:repeat(4,1fr)}.sis-benefit-grid article{padding:27px 24px;border-radius:23px;background:rgba(255,255,255,.88);border:1px solid rgba(45,124,255,.10);box-shadow:0 14px 40px rgba(12,38,70,.05)}.sis-benefit-grid article>i{display:flex;width:52px;height:52px;align-items:center;justify-content:center;margin-bottom:18px;border-radius:16px;color:#1479ff;background:linear-gradient(135deg,rgba(45,124,255,.13),rgba(43,220,255,.10))}.sis-benefit-grid h3{margin:0 0 9px;color:#102941;font-size:1rem}.sis-benefit-grid p{margin:0;color:#6b7f91;font-size:.76rem;line-height:1.75}.sis-detail-section.dark .sis-benefit-grid article{background:rgba(255,255,255,.035);border-color:rgba(81,216,255,.10);box-shadow:none}.sis-detail-section.dark .sis-benefit-grid h3{color:#fff}.sis-detail-section.dark .sis-benefit-grid p{color:rgba(216,233,250,.58)}.sis-phone-duo{display:flex;align-items:flex-end;justify-content:center;gap:18px;max-width:580px;margin:auto}.sis-phone-duo .sis-phone-frame{width:48%}.sis-phone-duo .sis-phone-frame:nth-child(2){transform:translateY(28px)}.sis-mobile-grid.detail .sis-mobile-item p{max-width:280px;margin:10px auto 0;color:#6c7f92;font-size:.75rem;line-height:1.65}
.sis-case-section{position:relative;padding:104px 0;background:linear-gradient(180deg,#f7fbff,#eef5fb)}.sis-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sis-case-card{padding:26px;border-radius:24px;background:rgba(255,255,255,.9);border:1px solid rgba(45,124,255,.10);box-shadow:0 14px 42px rgba(12,38,70,.06)}.sis-case-logo{height:64px;display:flex;align-items:center;margin-bottom:18px}.sis-case-logo img{max-width:150px;max-height:58px}.sis-case-logo>span{display:flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:17px;background:linear-gradient(135deg,rgba(45,124,255,.13),rgba(43,220,255,.10));color:#1679ff}.sis-case-meta span{color:#1683d4;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sis-case-meta h3{margin:4px 0 11px;color:#102941;font-size:1.05rem}.sis-case-card p{color:#6b7e90;font-size:.76rem;line-height:1.75}.sis-case-metrics{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.sis-case-metrics span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#f1f7fd;color:#50708c;font-size:.64rem}.sis-case-metrics i{color:#17aecc}
@media(max-width:991.98px){.sis-detail-hero{min-height:auto;padding:130px 0 80px}.sis-detail-section{padding:86px 0}.sis-benefit-grid,.sis-benefit-grid.executive{grid-template-columns:repeat(2,1fr)}.sis-case-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){.sis-detail-hero{padding:115px 0 68px}.sis-detail-hero h1{font-size:2.25rem}.sis-detail-section{padding:70px 0}.sis-benefit-grid,.sis-benefit-grid.executive,.sis-case-grid{grid-template-columns:1fr}.sis-phone-duo{gap:10px}.sis-phone-duo .sis-phone-frame:nth-child(2){transform:translateY(12px)}.sis-shot-zoom{display:none}.sis-image-viewer{padding:12px}.sis-image-viewer-close{right:4px;top:4px}.sis-mini-flow.wide{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.sis-shot-zoom{transition:none}.sis-phone-duo .sis-phone-frame:nth-child(2){transform:none}}

/* V9: shared feature layout fallbacks */
.sis-page-hero{padding:148px 0 92px}.sis-page-hero h1{margin:12px 0 18px;color:#fff;font-size:clamp(2.35rem,4.8vw,4.35rem);line-height:1.1;letter-spacing:-.035em}.sis-page-hero p{color:rgba(221,236,251,.70);line-height:1.85}.sis-page-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.sis-quick-nav{position:sticky;top:72px;z-index:40;padding:12px 0}.sis-quick-nav-wrap{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.sis-quick-nav-wrap::-webkit-scrollbar{display:none}.sis-quick-nav a{white-space:nowrap;padding:8px 11px;border-radius:999px;font-size:.68rem;font-weight:700;text-decoration:none}
.sis-feature-block{padding:96px 0}.sis-feature-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:52px}.sis-feature-layout.reverse> :first-child{order:1}.sis-feature-layout.reverse> :last-child{order:2}.sis-feature-copy h2{margin:12px 0 14px;color:#102941;font-size:clamp(1.7rem,3.2vw,2.75rem);line-height:1.22}.sis-feature-copy>p{margin:0 0 23px;color:#667a8d;line-height:1.8}.sis-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sis-feature-list span{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border:1px solid rgba(45,124,255,.10);border-radius:12px;color:#4a647b;font-size:.72rem;line-height:1.5;transition:.2s ease}.sis-feature-list i{margin-top:3px;font-size:.67rem}.sis-feature-visual-stack{display:grid;gap:16px}.sis-feature-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sis-feature-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}.sis-feature-flow span{padding:8px 10px;border-radius:999px;background:rgba(45,124,255,.07);color:#346d99;font-size:.66rem;font-weight:700}.sis-feature-flow i{color:#18a8cf;font-size:.65rem}.sis-feature-note{margin-top:18px;padding:13px 14px;border-radius:13px;background:rgba(43,220,255,.06);border:1px solid rgba(43,220,255,.11);color:#426782;font-size:.72rem;line-height:1.6}
.sis-shot{position:relative;margin:0;border-radius:22px;overflow:hidden}.sis-shot-placeholder{min-height:310px}.sis-shot-empty{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}.sis-shot-empty-icon{display:flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:18px;margin-bottom:15px}.sis-shot-empty strong{color:#21405e;font-size:.9rem}.sis-shot-empty small{margin-top:4px;color:#8595a4;font-size:.68rem}.sis-shot figcaption{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:13px;color:rgba(232,244,255,.78);font-size:.62rem;backdrop-filter:blur(12px)}.sis-shot figcaption strong{color:#fff;font-size:.68rem}.sis-shot-mobile{border-radius:28px}.sis-shot-mobile .sis-shot-empty{min-height:560px}.sis-phone-frame .sis-shot{height:100%;border-radius:26px}.sis-phone-frame .sis-shot figcaption{display:none}
@media(max-width:991.98px){.sis-feature-layout{grid-template-columns:1fr;gap:34px}.sis-feature-layout.reverse> :first-child,.sis-feature-layout.reverse> :last-child{order:initial}.sis-feature-block{padding:80px 0}.sis-quick-nav{top:66px}.sis-feature-list{grid-template-columns:1fr 1fr}}
@media(max-width:767.98px){.sis-page-hero{padding:118px 0 70px}.sis-feature-block{padding:68px 0}.sis-feature-list{grid-template-columns:1fr}.sis-feature-visual-grid{grid-template-columns:1fr}.sis-shot-placeholder,.sis-shot-empty{min-height:230px}.sis-shot figcaption{left:8px;right:8px;bottom:8px;padding:8px 9px}.sis-shot figcaption span{display:none}.sis-shot-mobile .sis-shot-empty{min-height:480px}}
.sis-deep-nav-section{padding:30px 0 64px;background:#f7faff}.sis-deep-nav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.sis-deep-nav-grid>a{display:flex;align-items:center;gap:11px;min-height:104px;padding:16px;border-radius:18px;text-decoration:none;background:rgba(255,255,255,.88);border:1px solid rgba(45,124,255,.10);box-shadow:0 10px 30px rgba(12,38,70,.045);transition:.22s ease}.sis-deep-nav-grid>a:hover{transform:translateY(-3px);border-color:rgba(43,220,255,.28);box-shadow:0 16px 38px rgba(12,38,70,.08)}.sis-deep-nav-grid>a>i:first-child{display:flex;width:42px;height:42px;min-width:42px;align-items:center;justify-content:center;border-radius:13px;color:#1479ff;background:linear-gradient(135deg,rgba(45,124,255,.12),rgba(43,220,255,.10))}.sis-deep-nav-grid>a>i:last-child{margin-left:auto;color:#1aa7cf;font-size:.7rem}.sis-deep-nav-grid span{min-width:0}.sis-deep-nav-grid strong{display:block;color:#14314c;font-size:.75rem}.sis-deep-nav-grid small{display:block;margin-top:4px;color:#718496;font-size:.59rem;line-height:1.45}
@media(max-width:1199.98px){.sis-deep-nav-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767.98px){.sis-deep-nav-section{padding:22px 0 48px}.sis-deep-nav-grid{grid-template-columns:1fr}.sis-deep-nav-grid>a{min-height:0}}


/* V9.1: Mobile showcase layout fix */
.sis-mobile-page .sis-detail-hero.mobile{min-height:720px}
.sis-mobile-page .sis-detail-hero.mobile .row{align-items:center}
.sis-mobile-page .sis-phone-frame{position:relative;width:100%;aspect-ratio:9/19.5;padding:10px;border-radius:38px;overflow:hidden}
.sis-mobile-page .sis-phone-frame:before{content:"";position:absolute;z-index:6;left:50%;top:9px;transform:translateX(-50%);width:34%;height:21px;border-radius:0 0 15px 15px;background:#02070e;pointer-events:none}
.sis-mobile-page .sis-phone-frame:after{inset:10px;border-radius:29px;z-index:5}
.sis-mobile-page .sis-phone-frame .sis-shot,
.sis-mobile-page .sis-phone-frame .sis-shot-mobile,
.sis-mobile-page .sis-phone-frame .sis-shot-open{width:100%;height:100%;min-height:0}
.sis-mobile-page .sis-phone-frame .sis-shot{border-radius:29px;background:linear-gradient(145deg,#eef7ff,#f9fcff);box-shadow:none}
.sis-mobile-page .sis-phone-frame .sis-shot-empty{width:100%;height:100%;min-height:0;padding:28px 16px 22px}
.sis-mobile-page .sis-phone-frame .sis-shot-empty-icon{width:48px;height:48px;margin-bottom:12px;border-radius:15px}
.sis-mobile-page .sis-phone-frame .sis-shot-empty strong{font-size:.76rem}
.sis-mobile-page .sis-phone-frame .sis-shot-empty small{font-size:.6rem}
.sis-mobile-page .sis-phone-frame .sis-shot-placeholder code{max-width:100%;font-size:.55rem;white-space:normal;word-break:break-all}
.sis-mobile-page .sis-phone-frame .sis-shot-open img{width:100%;height:100%;object-fit:cover;object-position:top center}
.sis-mobile-page .sis-phone-duo{max-width:510px;gap:22px}
.sis-mobile-page .sis-phone-duo .sis-phone-frame{width:230px;flex:0 0 230px}
.sis-mobile-page #roles .sis-section-head{max-width:1040px;margin:0 auto 50px}
.sis-mobile-page #roles .sis-section-title{max-width:980px;margin-left:auto;margin-right:auto;font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.2;text-wrap:balance}
.sis-mobile-page .sis-mobile-grid.detail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:30px;max-width:1240px;margin:0 auto}
.sis-mobile-page .sis-mobile-grid.detail .sis-mobile-item{min-width:0;text-align:center}
.sis-mobile-page .sis-mobile-grid.detail .sis-mobile-item .sis-phone-frame{width:min(100%,245px);margin:0 auto}
.sis-mobile-page .sis-mobile-grid.detail .sis-mobile-item h3{margin:24px 0 0;color:#102941;font-size:1.05rem}
.sis-mobile-page .sis-mobile-grid.detail .sis-mobile-item p{max-width:245px;margin:9px auto 0;color:#6c7f92;font-size:.75rem;line-height:1.7}
@media(max-width:1199.98px){
  .sis-mobile-page .sis-mobile-grid.detail{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;gap:46px 32px}
  .sis-mobile-page .sis-mobile-grid.detail .sis-mobile-item .sis-phone-frame{width:245px}
}
@media(max-width:991.98px){
  .sis-mobile-page .sis-detail-hero.mobile{text-align:center}
  .sis-mobile-page .sis-detail-hero.mobile p{margin-left:auto;margin-right:auto}
  .sis-mobile-page .sis-detail-hero.mobile .sis-page-hero-actions{justify-content:center}
  .sis-mobile-page .sis-phone-duo{margin-top:18px}
}
@media(max-width:767.98px){
  .sis-mobile-page .sis-detail-hero.mobile{min-height:auto}
  .sis-mobile-page .sis-phone-duo{max-width:360px;gap:12px}
  .sis-mobile-page .sis-phone-duo .sis-phone-frame{width:calc(50% - 6px);flex:0 0 calc(50% - 6px);padding:7px;border-radius:29px}
  .sis-mobile-page .sis-phone-duo .sis-phone-frame:before{top:6px;height:15px;border-radius:0 0 10px 10px}
  .sis-mobile-page .sis-phone-duo .sis-phone-frame:after{inset:7px;border-radius:22px}
  .sis-mobile-page .sis-phone-duo .sis-phone-frame .sis-shot{border-radius:22px}
  .sis-mobile-page #roles .sis-section-head{margin-bottom:34px}
  .sis-mobile-page #roles .sis-section-title{font-size:2rem;line-height:1.25}
  .sis-mobile-page .sis-mobile-grid.detail{grid-template-columns:1fr;max-width:340px;gap:48px}
  .sis-mobile-page .sis-mobile-grid.detail .sis-mobile-item .sis-phone-frame{width:230px}
  .sis-mobile-page .sis-mobile-grid.detail .sis-mobile-item h3{margin-top:20px}
}


/* V9.2: Features page mobile showcase layout fix */
.sis-features-page .sis-mobile-showcase{padding:96px 0 110px}
.sis-features-page .sis-mobile-showcase .sis-section-head{max-width:900px;margin:0 auto 52px}
.sis-features-page .features-mobile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:30px;max-width:1180px;margin:0 auto}
.sis-features-page .features-mobile-grid .sis-mobile-item{min-width:0;text-align:center}
.sis-features-page .features-mobile-grid .sis-phone-frame{position:relative;width:min(100%,235px);aspect-ratio:9/19.5;margin:0 auto;padding:10px;border-radius:38px;overflow:hidden}
.sis-features-page .features-mobile-grid .sis-phone-frame:before{content:"";position:absolute;z-index:6;left:50%;top:9px;transform:translateX(-50%);width:34%;height:21px;border-radius:0 0 15px 15px;background:#02070e;pointer-events:none}
.sis-features-page .features-mobile-grid .sis-phone-frame:after{inset:10px;border-radius:29px;z-index:5}
.sis-features-page .features-mobile-grid .sis-phone-frame .sis-shot,
.sis-features-page .features-mobile-grid .sis-phone-frame .sis-shot-mobile,
.sis-features-page .features-mobile-grid .sis-phone-frame .sis-shot-open{width:100%;height:100%;min-height:0}
.sis-features-page .features-mobile-grid .sis-phone-frame .sis-shot{border-radius:29px;background:linear-gradient(145deg,#eef7ff,#f9fcff);box-shadow:none}
.sis-features-page .features-mobile-grid .sis-phone-frame .sis-shot-empty{width:100%;height:100%;min-height:0;padding:28px 16px 22px}
.sis-features-page .features-mobile-grid .sis-phone-frame .sis-shot-empty-icon{width:48px;height:48px;margin-bottom:12px;border-radius:15px}
.sis-features-page .features-mobile-grid .sis-phone-frame .sis-shot-empty strong{font-size:.76rem}
.sis-features-page .features-mobile-grid .sis-phone-frame .sis-shot-empty small{font-size:.6rem}
.sis-features-page .features-mobile-grid .sis-phone-frame .sis-shot-placeholder code{max-width:100%;font-size:.55rem;white-space:normal;word-break:break-all}
.sis-features-page .features-mobile-grid .sis-phone-frame .sis-shot-open img{width:100%;height:100%;object-fit:cover;object-position:top center}
.sis-features-page .features-mobile-grid .sis-mobile-item h3{margin:24px 0 0;color:#102941;font-size:1.02rem}
@media(max-width:1199.98px){
  .sis-features-page .features-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px;gap:46px 34px}
  .sis-features-page .features-mobile-grid .sis-phone-frame{width:235px}
}
@media(max-width:767.98px){
  .sis-features-page .sis-mobile-showcase{padding:68px 0 78px}
  .sis-features-page .sis-mobile-showcase .sis-section-head{margin-bottom:34px}
  .sis-features-page .features-mobile-grid{grid-template-columns:1fr;max-width:320px;gap:46px}
  .sis-features-page .features-mobile-grid .sis-phone-frame{width:220px;padding:8px;border-radius:32px}
  .sis-features-page .features-mobile-grid .sis-phone-frame:before{top:7px;height:16px;border-radius:0 0 11px 11px}
  .sis-features-page .features-mobile-grid .sis-phone-frame:after{inset:8px;border-radius:24px}
  .sis-features-page .features-mobile-grid .sis-phone-frame .sis-shot{border-radius:24px}
  .sis-features-page .features-mobile-grid .sis-mobile-item h3{margin-top:19px}
}