.sd-demo{--green:#11c96b;--green-dark:#08a957;--ink:#111518;--muted:#667076;--line:#e7ebed;--paper:#f7f9f9;--dark:#0b0f12;--dark-2:#12191d;--radius:22px;--max:1200px}
.sd-demo *{box-sizing:border-box}.sd-demo{scroll-behavior:smooth}.sd-demo{margin:0;color:var(--ink);background:#fff;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}.sd-demo a{color:inherit;text-decoration:none}.sd-demo img,.sd-demo video{display:block;max-width:100%}.sd-demo .container{width:min(calc(100% - 48px),var(--max));margin:0 auto}.sd-demo .site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(16,21,24,.06);backdrop-filter:blur(16px)}.sd-demo .header-inner{height:72px;display:flex;align-items:center;gap:38px}.sd-demo .brand{display:inline-flex;align-items:center;flex:none}.sd-demo .brand img{width:92px;height:auto}.sd-demo .main-nav{display:flex;align-items:center;gap:28px;font-size:14px;color:#2c3337;flex:1}.sd-demo .main-nav a{position:relative;padding:27px 0;white-space:nowrap}.sd-demo .main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;background:var(--green);transition:right .2s ease}.sd-demo .main-nav a:hover:after,.sd-demo .main-nav a.active:after{right:0}.sd-demo .header-actions{display:flex;align-items:center;gap:12px;font-size:14px}.sd-demo .login-link{padding:10px 4px;color:#31383c}.sd-demo .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:11px 20px;min-height:42px;white-space:nowrap;font-size:14px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.sd-demo .button:hover{transform:translateY(-2px)}.sd-demo .button-primary{color:#07130c;background:var(--green);box-shadow:0 9px 24px rgba(17,201,107,.2)}.sd-demo .button-primary:hover{background:#25d67b;box-shadow:0 12px 30px rgba(17,201,107,.3)}.sd-demo .button-outline{color:var(--green-dark);border:1px solid rgba(17,201,107,.45);background:#fff}.sd-demo .button-large{padding:15px 25px;min-height:50px;font-size:15px}.sd-demo .menu-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer}.sd-demo .menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:4px 0}.sd-demo .hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 83% 44%,#243139 0,#11171b 37%,#080b0d 78%);min-height:700px;display:flex;align-items:center}.sd-demo .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,11,13,.2),transparent 45%,rgba(8,11,13,.28));pointer-events:none}.sd-demo .hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.sd-demo .hero-glow-a{width:480px;height:480px;right:-140px;top:-140px;background:rgba(17,201,107,.08)}.sd-demo .hero-glow-b{width:300px;height:300px;left:36%;bottom:-220px;background:rgba(73,148,255,.11)}.sd-demo .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.06fr;gap:74px;align-items:center;padding:82px 0 96px}.sd-demo .eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 20px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--green-dark)}.sd-demo .light .eyebrow,.sd-demo .hero .eyebrow,.sd-demo .cta-section .eyebrow{color:#66e7a5}.sd-demo .eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(17,201,107,.13)}.sd-demo .hero h1{font-size:clamp(44px,5.2vw,75px);line-height:1.08;letter-spacing:-.055em;margin:0 0 26px;font-weight:750}.sd-demo .hero h1 em{font-style:normal;color:var(--green)}.sd-demo .hero-lead{max-width:490px;margin:0;color:#bbc4c8;font-size:18px;line-height:1.8}.sd-demo .hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.sd-demo .text-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#dfe7e9}.sd-demo .text-link:hover{color:var(--green)}.sd-demo .text-link.dark{color:var(--ink)}.sd-demo .hero-proof{display:flex;align-items:center;gap:11px;margin-top:48px;color:#91a0a5;font-size:12px}.sd-demo .hero-proof i{width:3px;height:3px;border-radius:50%;background:#4e5a60}.sd-demo .hero-media{position:relative}.sd-demo .media-frame{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#11181b;box-shadow:0 35px 80px rgba(0,0,0,.35);transform:rotate(1deg)}.sd-demo .media-topbar{height:38px;display:flex;align-items:center;gap:6px;padding:0 15px;background:#1b2429;color:#7c898e;font-size:11px}.sd-demo .media-topbar span{width:7px;height:7px;border-radius:50%;background:#48565b}.sd-demo .media-topbar b{font-size:11px;font-weight:500;margin-left:9px;color:#a9b5b9}.sd-demo .media-frame video{width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.93}.sd-demo .media-caption{display:flex;align-items:center;gap:8px;padding:14px 17px;color:#cbd5d8;background:#11181b;font-size:12px}.sd-demo .live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(17,201,107,.15)}.sd-demo .floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(17,24,27,.83);box-shadow:0 16px 30px rgba(0,0,0,.22);backdrop-filter:blur(9px);font-size:12px;color:#d5dfe1}.sd-demo .floating-card strong{font-size:17px;color:var(--green)}.sd-demo .floating-card-top{left:-35px;top:14%;}.sd-demo .floating-card-bottom{right:-28px;bottom:13%}.sd-demo .value-strip{position:relative;z-index:2;background:#fff;border-bottom:1px solid var(--line)}.sd-demo .value-grid{display:grid;grid-template-columns:repeat(3,1fr)}.sd-demo .value-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;padding:34px 29px 34px 0;border-right:1px solid var(--line)}.sd-demo .value-card+ .value-card{padding-left:29px}.sd-demo .value-card:last-child{border-right:0}.sd-demo .value-index{color:var(--green);font-size:13px;font-weight:700;letter-spacing:.06em}.sd-demo .value-card h2{font-size:20px;letter-spacing:-.03em;margin:0 0 8px}.sd-demo .value-card p{max-width:255px;color:var(--muted);font-size:13px;line-height:1.7;margin:0}.sd-demo .value-arrow{font-size:20px;color:#a8b1b4}.sd-demo .section{padding:125px 0}.sd-demo .workflow-section{color:#fff;background:var(--dark)}.sd-demo .section-heading{max-width:640px;margin-bottom:65px}.sd-demo .section-heading h2{font-size:clamp(33px,4.1vw,54px);line-height:1.14;letter-spacing:-.055em;margin:0 0 20px}.sd-demo .section-heading>p:last-child{font-size:16px;color:var(--muted);line-height:1.8;margin:0}.sd-demo .section-heading.light>p:last-child{color:#9ca8ad}.sd-demo .workflow-line{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;position:relative}.sd-demo .workflow-line:before{content:"";position:absolute;top:41px;left:20px;right:20px;height:1px;background:#334045}.sd-demo .workflow-step{position:relative}.sd-demo .step-number{display:block;color:#7b8b91;font-size:12px;letter-spacing:.08em;margin-bottom:20px}.sd-demo .step-dot{position:relative;display:block;width:12px;height:12px;border:3px solid var(--dark);border-radius:50%;background:#56646a;box-shadow:0 0 0 1px #56646a;margin:0 0 27px 2px}.sd-demo .workflow-step.active .step-dot{background:var(--green);box-shadow:0 0 0 1px var(--green),0 0 0 7px rgba(17,201,107,.11)}.sd-demo .workflow-step h3{font-size:20px;margin:0 0 11px}.sd-demo .workflow-step p{max-width:178px;color:#9ca8ad;font-size:13px;line-height:1.75;margin:0}.sd-demo .workspace-section{background:var(--paper)}.sd-demo .workspace-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.sd-demo .showcase-card{overflow:hidden;border:1px solid #e5eaeb;border-radius:var(--radius);background:#fff;box-shadow:0 12px 38px rgba(25,38,44,.05)}.sd-demo .showcase-main{grid-column:1 / -1;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;background:#10171b;color:#fff;border-color:#182328}.sd-demo .showcase-copy{padding:32px 32px 30px}.sd-demo .showcase-copy .tag,.sd-demo .tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e7f9ef;color:#129450;font-size:11px;font-weight:700;letter-spacing:.04em}.sd-demo .showcase-main .tag{background:rgba(17,201,107,.13);color:#61e29a}.sd-demo .showcase-copy h3{font-size:24px;letter-spacing:-.04em;line-height:1.25;margin:17px 0 10px}.sd-demo .showcase-copy p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.sd-demo .showcase-main .showcase-copy p{color:#99a8ad}.sd-demo .showcase-card img{width:100%;height:250px;object-fit:cover;object-position:top center;border-top:1px solid #edf1f1}.sd-demo .showcase-main img{height:355px;border-top:0;border-left:1px solid #273238}.sd-demo .creation-section{background:#fff}.sd-demo .mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.sd-demo .mode-card{position:relative;min-height:395px;padding:35px 37px;border-radius:var(--radius);overflow:hidden}.sd-demo .mode-fast{background:#eaf9f0}.sd-demo .mode-pro{color:#fff;background:#11191d}.sd-demo .mode-number{position:absolute;right:32px;top:25px;color:rgba(17,201,107,.35);font-size:64px;font-weight:800;letter-spacing:-.08em}.sd-demo .mode-card .tag{position:relative}.sd-demo .mode-card h3{position:relative;font-size:31px;letter-spacing:-.05em;margin:58px 0 13px}.sd-demo .mode-card p{position:relative;max-width:420px;font-size:15px;line-height:1.8;margin:0;color:var(--muted)}.sd-demo .mode-pro p{color:#a8b5b9}.sd-demo .mode-card ul{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;padding:0;margin:29px 0 28px}.sd-demo .mode-card li{padding-top:12px;border-top:1px solid rgba(17,31,24,.13);font-size:12px;line-height:1.55}.sd-demo .mode-pro li{border-color:rgba(255,255,255,.15);color:#bec9cc}.sd-demo .mode-card .text-link{position:relative}.sd-demo .advantage-section{background:var(--paper)}.sd-demo .advantage-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:110px;align-items:start}.sd-demo .advantage-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;border-top:1px solid #dce2e3}.sd-demo .advantage-item{display:grid;grid-template-columns:30px 1fr;gap:14px;padding:25px 0;border-bottom:1px solid #dce2e3}.sd-demo .advantage-item b{font-size:12px;color:var(--green-dark);padding-top:3px}.sd-demo .advantage-item h3{font-size:17px;margin:0 0 8px}.sd-demo .advantage-item p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.sd-demo .cta-section{padding:82px 0;color:#fff;background:#10181c}.sd-demo .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}.sd-demo .cta-inner h2{font-size:clamp(34px,4.4vw,57px);letter-spacing:-.06em;margin:0 0 13px}.sd-demo .cta-inner p:last-child{color:#aab6ba;font-size:16px;margin:0}.sd-demo .site-footer{background:#080c0e;color:#fff}.sd-demo .footer-main{display:flex;justify-content:space-between;gap:80px;padding:58px 0 52px}.sd-demo .footer-brand img{width:92px;filter:brightness(0) invert(1)}.sd-demo .footer-main p{color:#8f9ca1;line-height:1.8;font-size:13px;margin:22px 0 0}.sd-demo .footer-links{display:flex;gap:100px}.sd-demo .footer-links>div{display:flex;flex-direction:column;gap:15px;min-width:110px}.sd-demo .footer-links strong{color:#fff;font-size:13px;margin-bottom:5px}.sd-demo .footer-links a{color:#8f9ca1;font-size:13px}.sd-demo .footer-links a:hover{color:var(--green)}.sd-demo .footer-bottom{display:flex;justify-content:space-between;padding:19px 0;border-top:1px solid #20272a;color:#69767b;font-size:11px}.sd-demo .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.sd-demo .reveal.is-visible{opacity:1;transform:none}.sd-demo .reveal-delay-1{transition-delay:.08s}.sd-demo .reveal-delay-2{transition-delay:.16s}.sd-demo .reveal-delay-3{transition-delay:.24s}.sd-demo .reveal-delay-4{transition-delay:.32s}
@media (max-width:1000px){.sd-demo .header-inner{gap:22px}.sd-demo .main-nav{gap:16px}.sd-demo .header-actions .button-outline{display:none}.sd-demo .hero-grid{gap:38px}.sd-demo .advantage-grid{gap:50px}}
@media (max-width:760px){.sd-demo .container{width:min(calc(100% - 36px),var(--max))}.sd-demo .site-header{height:64px}.sd-demo .header-inner{height:64px;justify-content:space-between}.sd-demo .brand img{width:86px}.sd-demo .menu-toggle{display:block}.sd-demo .main-nav{position:absolute;left:18px;right:18px;top:70px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 40px rgba(19,32,37,.12)}.sd-demo .main-nav.open{display:flex}.sd-demo .main-nav a{padding:13px 0}.sd-demo .main-nav a:after{bottom:7px}.sd-demo .header-actions{margin-left:auto;margin-right:9px}.sd-demo .header-actions .login-link,.sd-demo .header-actions .button-outline{display:none}.sd-demo .header-actions .button{padding:10px 15px;min-height:38px;font-size:12px}.sd-demo .hero{min-height:0}.sd-demo .hero-grid{grid-template-columns:1fr;padding:70px 0 78px;gap:52px}.sd-demo .hero h1{font-size:clamp(42px,12vw,66px)}.sd-demo .hero-lead{font-size:16px}.sd-demo .hero-actions{flex-wrap:wrap;gap:18px}.sd-demo .hero-proof{margin-top:34px;flex-wrap:wrap;gap:8px}.sd-demo .floating-card{display:none}.sd-demo .value-grid{grid-template-columns:1fr}.sd-demo .value-card,.sd-demo .value-card+.value-card{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.sd-demo .value-card:last-child{border-bottom:0}.sd-demo .section{padding:82px 0}.sd-demo .section-heading{margin-bottom:45px}.sd-demo .section-heading h2{font-size:39px}.sd-demo .workflow-line{grid-template-columns:1fr;gap:0;padding-left:25px}.sd-demo .workflow-line:before{left:5px;right:auto;top:12px;bottom:23px;width:1px;height:auto}.sd-demo .workflow-step{padding-bottom:34px}.sd-demo .step-number{margin-bottom:10px}.sd-demo .step-dot{position:absolute;left:-25px;top:2px;margin:0}.sd-demo .workflow-step h3{font-size:20px}.sd-demo .workspace-showcase{grid-template-columns:1fr}.sd-demo .showcase-main{grid-column:auto;display:block}.sd-demo .showcase-main img{height:250px;border-left:0;border-top:1px solid #273238}.sd-demo .showcase-card img{height:200px}.sd-demo .mode-grid{grid-template-columns:1fr}.sd-demo .mode-card{min-height:360px;padding:30px}.sd-demo .mode-card h3{font-size:28px}.sd-demo .mode-card ul{grid-template-columns:1fr;gap:0}.sd-demo .mode-card li{padding:9px 0}.sd-demo .advantage-grid{grid-template-columns:1fr;gap:46px}.sd-demo .advantage-list{grid-template-columns:1fr}.sd-demo .cta-inner{display:block}.sd-demo .cta-inner .button{margin-top:32px}.sd-demo .footer-main{display:block}.sd-demo .footer-links{gap:45px;margin-top:45px}.sd-demo .footer-bottom{display:block;line-height:2}.sd-demo .footer-bottom span{display:block}}
@media (prefers-reduced-motion:reduce){.sd-demo{scroll-behavior:auto}.sd-demo .reveal{opacity:1;transform:none;transition:none}.sd-demo .button{transition:none}}
.sd-demo .platform-section{background:#fff}.sd-demo .platform-levels{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:60px}.sd-demo .platform-level{padding:31px 32px 30px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfc}.sd-demo .platform-level:nth-child(2){background:#10191d;color:#fff;border-color:#10191d}.sd-demo .platform-kicker{display:block;color:var(--green-dark);font-size:11px;letter-spacing:.09em;font-weight:700;margin-bottom:27px}.sd-demo .platform-level:nth-child(2) .platform-kicker{color:#65e29d}.sd-demo .platform-level h3{font-size:29px;letter-spacing:-.05em;margin:0 0 12px}.sd-demo .platform-level p{max-width:470px;color:var(--muted);font-size:14px;line-height:1.8;margin:0}.sd-demo .platform-level:nth-child(2) p{color:#a7b5b9}.sd-demo .platform-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.sd-demo .platform-tags span{padding:7px 10px;border-radius:999px;background:#edf8f1;color:#4d6760;font-size:11px}.sd-demo .platform-level:nth-child(2) .platform-tags span{background:#20322a;color:#b6dcca}.sd-demo .scene-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-top:3px;border-top:1px solid var(--line)}.sd-demo .scene-heading>span{padding-top:22px;color:var(--green-dark);font-size:11px;letter-spacing:.09em;font-weight:700}.sd-demo .scene-heading p{padding-top:22px;color:var(--muted);font-size:13px;margin:0}.sd-demo .scene-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:18px}.sd-demo .scene-card{display:flex;flex-direction:column;min-height:270px;padding:26px 26px 24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.sd-demo .scene-card-featured{color:#fff;background:linear-gradient(138deg,#0d171b,#14272a);border-color:#14272a;box-shadow:0 16px 38px rgba(17,38,40,.12)}.sd-demo .scene-card-top{display:flex;justify-content:space-between;align-items:center}.sd-demo .scene-label{color:var(--muted);font-size:11px}.sd-demo .scene-number{color:#a5b2b6;font-size:12px;font-weight:700}.sd-demo .scene-card-featured .scene-number{color:#64dda0}.sd-demo .scene-card h3{font-size:23px;letter-spacing:-.04em;margin:38px 0 11px}.sd-demo .scene-card p{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 24px}.sd-demo .scene-card-featured p{color:#aab8bb}.sd-demo .scene-card .text-link{margin-top:auto;font-size:13px}.sd-demo .scene-card-featured .text-link{color:#8befb4}.sd-demo .pain-section{background:#f4f7f7}.sd-demo .pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sd-demo .pain-card{min-height:254px;padding:28px 28px 26px;border:1px solid #dfe7e6;border-radius:var(--radius);background:#fff}.sd-demo .pain-index{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:#e7f9ef;color:var(--green-dark);font-size:12px;font-weight:700}.sd-demo .pain-card h3{font-size:23px;letter-spacing:-.04em;margin:38px 0 12px}.sd-demo .pain-card p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}
@media (max-width:760px){.sd-demo .platform-levels,.sd-demo .scene-grid,.sd-demo .pain-grid{grid-template-columns:1fr}.sd-demo .platform-levels{margin-bottom:43px}.sd-demo .scene-heading{display:block}.sd-demo .scene-heading p{padding-top:10px}.sd-demo .scene-card{min-height:240px}.sd-demo .pain-card{min-height:0}.sd-demo .platform-level h3{font-size:27px}}

/* Official-style multi-level navigation */
.sd-demo .nav-item{position:relative;display:flex;align-items:center;height:72px}.sd-demo .nav-trigger{display:inline-flex;align-items:center;gap:7px;height:100%;padding:0;border:0;background:transparent;color:#2c3337;font:inherit;white-space:nowrap;cursor:pointer}.sd-demo .nav-chevron{display:inline-block;color:#6b767a;font-size:18px;line-height:1;transform:translateY(-2px);transition:transform .2s ease}.sd-demo .nav-item:hover .nav-chevron,.sd-demo .nav-item:focus-within .nav-chevron,.sd-demo .nav-item.open .nav-chevron{transform:rotate(180deg) translateY(2px)}.sd-demo .mega-menu{position:absolute;z-index:30;top:67px;left:50%;display:grid;gap:0;padding:27px 31px;border:1px solid rgba(23,33,38,.07);border-radius:17px;background:#fff;box-shadow:0 24px 65px rgba(31,46,53,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.sd-demo .nav-item:hover>.mega-menu,.sd-demo .nav-item:focus-within>.mega-menu,.sd-demo .nav-item.open>.mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.sd-demo .mega-menu-ai{width:780px;grid-template-columns:1.16fr 1fr 1fr}.sd-demo .mega-menu-office{width:900px;grid-template-columns:.82fr 1.12fr 1fr}.sd-demo .mega-menu-solutions{width:730px;grid-template-columns:1fr 1fr 1.12fr}.sd-demo .mega-menu-help{width:305px;grid-template-columns:1fr}.sd-demo .mega-column{min-width:0;padding:0 25px}.sd-demo .mega-column:first-child{padding-left:0}.sd-demo .mega-column:last-child{padding-right:0}.sd-demo .mega-column+.mega-column{border-left:1px solid #e6eaeb}.sd-demo .mega-column h3{margin:0 0 24px;color:#9aa3a6;font-size:13px;font-weight:600}.sd-demo .mega-column-stack>div+div{margin-top:27px}.sd-demo .main-nav .mega-menu a.mega-link{display:flex;align-items:center;gap:12px;height:45px;padding:0;margin:0;color:#2b3337;font-size:16px;font-weight:500;white-space:nowrap}.sd-demo .main-nav .mega-menu a.mega-link:hover{color:var(--green-dark)}.sd-demo .main-nav .mega-menu a.mega-link:after{display:none!important}.sd-demo .mega-link img{width:25px;height:25px;object-fit:contain;opacity:.78}.sd-demo .mega-link.text-only{padding-left:0!important;font-size:14px!important}.sd-demo .nav-badge{display:inline-flex;align-items:center;height:18px;padding:0 7px;border:1px solid var(--green);border-radius:4px;color:var(--green-dark);font-size:10px;font-weight:700;letter-spacing:.04em}.sd-demo .nav-badge.beta{color:#35c87a;border-color:#9ae4bd}.sd-demo .site-header:has(.nav-item:hover)::after,.sd-demo .site-header:has(.nav-item:focus-within)::after{content:"";position:fixed;z-index:-1;left:0;right:0;top:72px;bottom:0;background:rgba(12,18,20,.22);pointer-events:none}
@media (max-width:1000px) and (min-width:761px){.sd-demo .main-nav{gap:16px}.sd-demo .nav-item{height:72px}.sd-demo .mega-menu-ai{width:700px}.sd-demo .mega-menu-office{width:820px}.sd-demo .mega-menu-solutions{width:680px}.sd-demo .mega-menu a.mega-link{font-size:14px!important}}
@media (max-width:760px){.sd-demo .nav-item{display:block;height:auto}.sd-demo .nav-trigger{justify-content:space-between;width:100%;height:auto;padding:13px 0;font-size:14px}.sd-demo .nav-item:hover>.mega-menu,.sd-demo .nav-item:focus-within>.mega-menu{opacity:0;visibility:hidden;pointer-events:none;transform:none}.sd-demo .nav-item.open>.mega-menu{display:grid;opacity:1;visibility:visible;pointer-events:auto;transform:none}.sd-demo .mega-menu{position:static;width:auto;display:none;grid-template-columns:1fr!important;padding:9px 14px 12px;border:0;border-radius:12px;box-shadow:none;background:#f5f8f8}.sd-demo .mega-column{padding:0!important}.sd-demo .mega-column+.mega-column{border-left:0;border-top:1px solid #e0e7e7;padding-top:15px!important;margin-top:9px}.sd-demo .mega-column h3{margin:0 0 9px;font-size:12px}.sd-demo .main-nav .mega-menu a.mega-link{height:38px;font-size:13px}.sd-demo .mega-link img{width:20px;height:20px}.sd-demo .mega-menu-solutions .mega-link.text-only,.sd-demo .mega-menu-help .mega-link.text-only{padding-left:0!important}.sd-demo .site-header:has(.nav-item:hover)::after,.sd-demo .site-header:has(.nav-item:focus-within)::after{display:none}}
.sd-demo .site-header:has(.nav-item:hover)::after,.sd-demo .site-header:has(.nav-item:focus-within)::after{z-index:0}.sd-demo .header-inner{position:relative;z-index:1}

/* Final visual refinement */
.sd-demo{--green:#12c96d;--green-dark:#079e55;--ink:#101719;--muted:#6d787d;--line:#e2e8e8;--paper:#f5f8f8;--radius:16px;--max:1240px}
.sd-demo{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;color:var(--ink);background:#fff}
.sd-demo .container{width:min(calc(100% - 64px),var(--max))}
.sd-demo .site-header{height:74px;background:rgba(255,255,255,.96);border-bottom-color:#e6ebeb;box-shadow:0 1px 0 rgba(15,24,27,.02)}
.sd-demo .header-inner{height:74px;gap:38px}
.sd-demo .brand img{width:96px}
.sd-demo .main-nav{gap:26px;color:#273134}
.sd-demo .main-nav>a,.sd-demo .nav-trigger{font-size:14px;font-weight:560}
.sd-demo .main-nav>a{padding:28px 0}
.sd-demo .main-nav a:after{bottom:18px;height:2px;border-radius:2px}
.sd-demo .nav-item{height:74px}
.sd-demo .header-actions{gap:15px}
.sd-demo .login-link{font-weight:560}
.sd-demo .button{border-radius:10px;padding:11px 19px;min-height:42px}
.sd-demo .button-primary{box-shadow:0 8px 24px rgba(18,201,109,.18)}
.sd-demo .button-outline{border-color:#b8e8cd}
.sd-demo .hero{min-height:calc(100vh - 74px);background:#090f11}
.sd-demo .hero:after{background:rgba(4,8,10,.08)}
.sd-demo .hero-glow{display:none}
.sd-demo .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:78px;padding:92px 0 104px}
.sd-demo .hero-copy{max-width:580px}
.sd-demo .hero h1{font-size:clamp(52px,5.35vw,82px);line-height:1.03;letter-spacing:-.065em;margin-bottom:30px;font-weight:760}
.sd-demo .hero-lead{max-width:500px;font-size:17px;line-height:1.85;color:#b7c3c6}
.sd-demo .hero-actions{gap:27px;margin-top:36px}
.sd-demo .hero-proof{margin-top:52px;color:#87969b;letter-spacing:.02em}
.sd-demo .media-frame{border-radius:18px;transform:none;box-shadow:0 35px 80px rgba(0,0,0,.42)}
.sd-demo .media-frame:after{content:"";position:absolute;inset:38px 0 0;background:rgba(0,0,0,.045);pointer-events:none}
.sd-demo .media-frame video{aspect-ratio:16/10;filter:saturate(1.05) contrast(1.02)}
.sd-demo .media-caption{position:relative;z-index:1;padding:15px 17px;background:#11191c}
.sd-demo .floating-card{border-radius:10px;background:rgba(13,23,26,.92);padding:11px 15px;box-shadow:0 18px 34px rgba(0,0,0,.28)}
.sd-demo .floating-card-top{left:-28px}.sd-demo .floating-card-bottom{right:-20px}
.sd-demo .value-strip{box-shadow:0 1px 0 rgba(11,25,28,.03)}
.sd-demo .value-card{padding-top:35px;padding-bottom:35px}
.sd-demo .value-card h2{font-size:22px}
.sd-demo .value-card p{font-size:13px;line-height:1.75}
.sd-demo .section{padding:140px 0}
.sd-demo .section-heading{max-width:700px;margin-bottom:70px}
.sd-demo .section-heading h2{font-size:clamp(38px,4.35vw,60px);line-height:1.1;letter-spacing:-.065em;margin-bottom:22px}
.sd-demo .section-heading>p:last-child{font-size:15px;line-height:1.9}
.sd-demo .platform-section{padding-top:136px;padding-bottom:132px}
.sd-demo .platform-levels{gap:20px;margin-bottom:66px}
.sd-demo .platform-level{min-height:248px;padding:34px 36px 32px;border-radius:16px}
.sd-demo .platform-level:nth-child(2){background:#111a1d}
.sd-demo .platform-level h3{font-size:32px;margin-bottom:15px}
.sd-demo .platform-level p{font-size:14px;line-height:1.9}
.sd-demo .platform-tags{margin-top:29px}
.sd-demo .platform-tags span{padding:7px 11px;background:#eef8f2}
.sd-demo .scene-heading{margin-bottom:22px}
.sd-demo .scene-grid{gap:20px}
.sd-demo .scene-card{min-height:286px;padding:29px 30px 27px;border-radius:16px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.sd-demo .scene-card:hover{transform:translateY(-4px);box-shadow:0 17px 38px rgba(24,49,43,.09);border-color:#cfe2d8}
.sd-demo .scene-card-featured{background:#111a1d;box-shadow:0 17px 38px rgba(17,38,40,.15)}
.sd-demo .scene-card h3{font-size:27px;margin-top:46px}
.sd-demo .scene-card p{font-size:14px;line-height:1.85}
.sd-demo .pain-section{padding-top:132px;padding-bottom:132px}
.sd-demo .pain-grid{gap:20px}
.sd-demo .pain-card{min-height:272px;padding:30px;border-radius:16px;transition:transform .25s ease,box-shadow .25s ease}
.sd-demo .pain-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(25,41,42,.07)}
.sd-demo .pain-card h3{font-size:25px;margin-top:42px}
.sd-demo .pain-card p{font-size:14px;line-height:1.85}
.sd-demo .workflow-section{padding-top:136px;padding-bottom:148px;background:#0b1113}
.sd-demo .workflow-line{gap:30px}
.sd-demo .workflow-line:before{top:42px;background:#2c3a3e}
.sd-demo .workflow-step h3{font-size:21px;letter-spacing:-.02em}
.sd-demo .workflow-step p{font-size:13px;line-height:1.8}
.sd-demo .workspace-section{padding-top:136px;padding-bottom:140px;background:#f4f7f7}
.sd-demo .workspace-showcase{gap:20px}
.sd-demo .showcase-card{border-radius:16px;box-shadow:0 10px 34px rgba(25,38,44,.055);transition:transform .25s ease,box-shadow .25s ease}
.sd-demo .showcase-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(25,38,44,.11)}
.sd-demo .showcase-main{background:#111a1d}
.sd-demo .showcase-copy{padding:35px 36px 33px}
.sd-demo .showcase-copy h3{font-size:27px;margin-top:20px}
.sd-demo .showcase-copy p{font-size:14px;line-height:1.8}
.sd-demo .showcase-card img{height:264px}
.sd-demo .showcase-main img{height:374px}
.sd-demo .creation-section{padding-top:136px;padding-bottom:136px}
.sd-demo .mode-grid{gap:20px}
.sd-demo .mode-card{min-height:415px;padding:37px 39px;border-radius:16px}
.sd-demo .mode-card h3{font-size:34px;margin-top:62px}
.sd-demo .mode-card p{font-size:15px;line-height:1.85}
.sd-demo .mode-card li{font-size:13px}
.sd-demo .advantage-section{padding-top:138px;padding-bottom:138px}
.sd-demo .advantage-grid{gap:116px}
.sd-demo .advantage-list{gap:0 38px}
.sd-demo .advantage-item{padding:28px 0}
.sd-demo .advantage-item h3{font-size:18px}
.sd-demo .advantage-item p{font-size:13px;line-height:1.8}
.sd-demo .cta-section{padding:92px 0;background:#111a1d}
.sd-demo .cta-inner h2{font-size:clamp(37px,4.5vw,61px)}
.sd-demo .site-footer{background:#080d0f}
.sd-demo .footer-main{padding:67px 0 60px}
.sd-demo .footer-links{gap:84px}
.sd-demo .footer-bottom{padding:21px 0}
.sd-demo .reveal{transform:translateY(26px);transition-duration:.72s}
.sd-demo .mega-menu{top:69px;border-radius:16px;box-shadow:0 26px 70px rgba(31,46,53,.2)}
.sd-demo .nav-item:nth-child(2)>.mega-menu{left:-165px}
.sd-demo .nav-item:nth-child(3)>.mega-menu{left:-225px}
.sd-demo .nav-item:nth-child(4)>.mega-menu{left:-170px}
.sd-demo .nav-item:nth-child(5)>.mega-menu{left:-110px}
.sd-demo .nav-item:hover>.mega-menu,.sd-demo .nav-item:focus-within>.mega-menu,.sd-demo .nav-item.open>.mega-menu{transform:translateY(0)}

/* Hero title and full-bleed media */
.sd-demo .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:62px}
.sd-demo .hero h1 span{display:block;white-space:nowrap}
.sd-demo .hero-media{height:min(548px,calc(100vh - 190px));min-height:420px}
.sd-demo .media-frame{height:100%;border:0;border-radius:22px;box-shadow:0 35px 84px rgba(0,0,0,.42)}
.sd-demo .media-frame video{height:100%;aspect-ratio:auto;object-fit:cover;opacity:1}
.sd-demo .media-frame:after{display:none}
.sd-demo .scene-label-light{color:#b7c7ca}
.sd-demo .scene-card-featured .scene-label-light{color:#79e8a8}
.sd-demo .floating-card,.sd-demo .media-topbar,.sd-demo .media-caption{display:none}
@media (max-width:1200px) and (min-width:1001px){.sd-demo .hero-grid{gap:44px}.sd-demo .hero h1{font-size:clamp(49px,5.1vw,74px)}}
@media (max-width:760px){.sd-demo .hero-grid{grid-template-columns:1fr;gap:48px}.sd-demo .hero-media{height:auto;min-height:0}.sd-demo .media-frame{height:auto;border-radius:18px}.sd-demo .media-frame video{height:auto;aspect-ratio:16/10}.sd-demo .hero h1{font-size:clamp(46px,12vw,66px)}}

/* Full-height right-side hero media */
@media (min-width:901px){
  .sd-demo .hero{min-height:calc(100vh - 74px);align-items:stretch}
  .sd-demo .hero-grid{width:100%;max-width:none;margin:0;padding:0 0 0 max(32px,calc((100vw - var(--max))/2));grid-template-columns:minmax(470px,.9fr) minmax(560px,1.1fr);gap:0}
  .sd-demo .hero-copy{align-self:center;padding:72px 58px 72px 0}
  .sd-demo .hero-media{height:auto;min-height:calc(100vh - 74px);align-self:stretch}
  .sd-demo .media-frame{height:100%;border:0;border-radius:0;box-shadow:none}
  .sd-demo .media-frame video{height:100%;aspect-ratio:auto;object-fit:cover}
}
@media (min-width:901px) and (max-width:1200px){
  .sd-demo .hero-grid{grid-template-columns:minmax(400px,.92fr) minmax(480px,1.08fr);padding-left:32px}
  .sd-demo .hero-copy{padding-right:38px}
}
@media (max-width:900px){
  .sd-demo .hero-grid{width:min(calc(100% - 48px),var(--max));max-width:var(--max);margin:0 auto;padding:70px 0 78px;grid-template-columns:1fr;gap:48px}
  .sd-demo .hero-media{height:auto;min-height:0}
  .sd-demo .media-frame{height:auto;border-radius:18px}
  .sd-demo .media-frame video{height:auto;aspect-ratio:16/10}
}

/* Homepage hero refinement: keep the promise readable and the capability bar restrained. */
@media (min-width:901px){
  .sd-demo .hero-copy{width:min(820px,72vw);max-width:none;margin-left:max(32px,calc((100vw - var(--max))/2))}
  .sd-demo .hero h1{max-width:none;white-space:nowrap;font-size:clamp(48px,4.4vw,70px);letter-spacing:-.07em}
}
.sd-demo .hero-value-strip{background:rgba(5,14,16,.86);border-top:1px solid rgba(255,255,255,.2);backdrop-filter:none}
.sd-demo .hero-value-strip .value-grid{align-items:stretch}
.sd-demo .hero-value-strip .value-card{grid-template-columns:auto 1fr;gap:16px;padding-right:30px}
.sd-demo .hero-value-strip .value-card+.value-card{padding-left:30px}
.sd-demo .hero-value-strip .value-card h2{font-size:18px;letter-spacing:-.02em}
.sd-demo .hero-value-strip .value-card p{max-width:none;white-space:nowrap;font-size:12px;line-height:1.55;color:#aebfc1}
.sd-demo .hero-value-strip .value-arrow{display:none}
.sd-demo .hero-value-strip .value-index{font-size:11px;padding-top:3px;color:#54d892}
@media (max-width:1100px) and (min-width:901px){
  .sd-demo .hero h1{font-size:clamp(43px,4.7vw,62px)}
  .sd-demo .hero-value-strip .value-card p{font-size:11px}
}
@media (max-width:760px){
  .sd-demo .hero h1{white-space:normal}
  .sd-demo .hero-value-strip .value-card p{white-space:normal}
}


/* Final capability polish: neutral surfaces, actual line icons, and a single-row featured action. */
.sd-demo .hero-value-strip{background:#0d1516!important}
.sd-demo .hero-value-strip .value-card,.sd-demo .hero-value-strip .value-card+.value-card{background:#171b1c!important;border-color:rgba(255,255,255,.16)!important}
.sd-demo .hero-value-strip .value-card.active{background:#1b2021!important;border-color:rgba(255,255,255,.28)!important}
.sd-demo .hero-value-strip .value-card:first-child:before{opacity:.13!important}
.sd-demo .hero-value-strip .value-card:first-child:after{background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.1) 50%,transparent 68%)!important}
.sd-demo .capability-icon{display:block;width:30px;height:30px;fill:none;stroke:#6fe5a2;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sd-demo .hero-value-strip .value-index{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0!important}
.sd-demo .hero-value-strip .value-card-body{min-width:0}
.sd-demo .hero-value-strip .value-card:first-child .value-card-body{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:26px}
.sd-demo .hero-value-strip .value-card:first-child .value-card-body h2{grid-column:1;grid-row:1}
.sd-demo .hero-value-strip .value-card:first-child .value-card-body p{grid-column:1;grid-row:2}
.sd-demo .hero-value-strip .value-card:first-child .value-card-body .value-cta{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0!important;white-space:nowrap}
.sd-demo .hero-value-strip .value-card:first-child .value-plus{display:none!important}
.sd-demo .hero-value-strip .value-card:not(:first-child) .value-card-body{display:grid!important;grid-template-columns:1fr;align-content:center}
.sd-demo .hero-value-strip .value-card:not(:first-child) .value-card-body p{display:block!important;margin-top:5px!important}
.sd-demo .hero-value-strip .value-card:not(:first-child) .value-cta{display:none!important}
.sd-demo .hero-value-strip .value-card:not(:first-child) .value-plus{background:rgba(255,255,255,.04);color:#e2ebe8}
@media (max-width:900px){
  .sd-demo .hero-value-strip .value-card:first-child .value-card-body{display:block!important}
  .sd-demo .hero-value-strip .value-card:first-child .value-card-body .value-cta{display:none!important}
  .sd-demo .hero-value-strip .value-index{width:30px;height:30px}
  .sd-demo .capability-icon{width:25px;height:25px}
}

/* Refined final pass: compact cards, no image clutter, and a smaller editorial hero. */
.sd-demo .hero h1{font-size:clamp(42px,3.65vw,62px)!important;line-height:1.08!important;letter-spacing:-.065em!important}
.sd-demo .hero-actions .button-large{position:relative;overflow:hidden;min-height:54px!important;padding:15px 31px!important;border:1px solid rgba(167,255,205,.36)!important;border-radius:13px!important;background:linear-gradient(135deg,#1ce184 0%,#0dbb68 52%,#079b58 100%)!important;color:#06140c!important;box-shadow:0 10px 28px rgba(10,203,112,.25),inset 0 1px 0 rgba(255,255,255,.33)!important;transition:transform .25s ease,box-shadow .25s ease!important}
.sd-demo .hero-actions .button-large:before{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.32) 50%,transparent 65%);transition:transform .6s ease;pointer-events:none}
.sd-demo .hero-actions .button-large:hover{transform:translateY(-3px)!important;box-shadow:0 15px 34px rgba(10,203,112,.35),inset 0 1px 0 rgba(255,255,255,.45)!important}
.sd-demo .hero-actions .button-large:hover:before{transform:translateX(110%)}
.sd-demo .hero-value-strip{padding:10px 0 13px!important;background:#0a1011!important;border-top:1px solid rgba(255,255,255,.14)!important}
.sd-demo .hero-value-strip .capability-heading{padding-bottom:8px!important;font-size:11px!important;color:#a9b8b5!important}
.sd-demo .hero-value-strip .capability-heading span:before,.sd-demo .hero-value-strip .capability-heading span:after{width:18px!important;background:#72837f!important}
.sd-demo .hero-value-strip .value-grid.is-featured{grid-template-columns:1.5fr .88fr .88fr!important;gap:10px!important}
.sd-demo .hero-value-strip .value-card,.sd-demo .hero-value-strip .value-card + .value-card{min-height:88px!important;padding:16px 20px!important;border-radius:14px!important;background:#151a1b!important;border-color:rgba(255,255,255,.14)!important}
.sd-demo .hero-value-strip .value-card.active{background:#1a2021!important;border-color:rgba(255,255,255,.25)!important}
.sd-demo .hero-value-strip .value-card:before{display:none!important}
.sd-demo .hero-value-strip .value-card:first-child:after{inset:0!important;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.08) 50%,transparent 75%)!important;animation:capability-sweep 8s ease-in-out infinite!important}
.sd-demo .hero-value-strip .value-card p{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important;line-height:1.35!important;color:#aab8b5!important}
.sd-demo .hero-value-strip .value-card h2{font-size:17px!important;margin-bottom:4px!important}
.sd-demo .hero-value-strip .value-card:first-child .value-card-body{column-gap:18px!important}
.sd-demo .hero-value-strip .value-cta{font-size:11px!important;color:#79e5a4!important}
.sd-demo .hero-value-strip .value-plus{display:none!important}
.sd-demo .hero-value-strip .value-index{width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:11px!important;background:rgba(255,255,255,.035)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
.sd-demo .hero-value-strip .capability-icon{width:24px!important;height:24px!important;stroke:#d8eee2!important;stroke-width:1.35!important}
.sd-demo .hero-value-strip .value-card:first-child .capability-icon{stroke:#70e7a4!important}
@media (max-width:900px){
  .sd-demo .hero h1{font-size:clamp(40px,10.5vw,58px)!important}
  .sd-demo .hero-value-strip .value-grid.is-featured{grid-template-columns:1fr!important}
  .sd-demo .hero-value-strip .value-card,.sd-demo .hero-value-strip .value-card + .value-card{min-height:62px!important;padding:12px 14px!important}
  .sd-demo .hero-value-strip .value-card p{white-space:normal!important}
}

/* Premium editorial homepage direction: quiet surfaces, sharper hierarchy, less decorative UI. */
.sd-demo{
  --green:#14c875;
  --green-dark:#0b9c55;
  --ink:#121718;
  --muted:#697476;
  --line:#dfe5e2;
  --paper:#f5f6f3;
  --dark:#101718;
  --dark-2:#182122;
  --radius:16px;
}
.sd-demo{background:#f5f6f3;color:var(--ink)}
.sd-demo .site-header{background:rgba(9,17,18,.72);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}
.sd-demo .header-inner{height:70px}
.sd-demo .main-nav{font-size:13px;gap:26px;font-weight:560}
.sd-demo .main-nav a,.sd-demo .main-nav .nav-trigger{letter-spacing:-.01em}
.sd-demo .header-actions{font-size:13px}
.sd-demo .button{border-radius:10px;box-shadow:none!important}
.sd-demo .button-primary{background:var(--green);color:#07130c}
.sd-demo .button-primary:hover{background:#26d47f;transform:translateY(-1px)}
.sd-demo .button-outline{border-color:rgba(255,255,255,.45);background:transparent;color:#f5fbf7}
.sd-demo .hero{background:#0d1617}
.sd-demo .hero:after{background:linear-gradient(90deg,rgba(5,12,13,.78) 0%,rgba(5,12,13,.38) 45%,rgba(5,12,13,.05) 78%);}
.sd-demo .hero-glow{display:none}
.sd-demo .hero h1{font-weight:700;letter-spacing:-.065em}
.sd-demo .hero-lead{font-weight:500;letter-spacing:.02em;color:#d0dad8}
.sd-demo .hero-actions{margin-top:31px}
.sd-demo .hero-actions .button-large{min-height:56px;padding:16px 28px;font-size:16px}
.sd-demo .text-link{font-size:13px;color:#e4ecea}
.sd-demo .hero-value-strip{background:rgba(10,20,21,.9);border-top:1px solid rgba(255,255,255,.22)}
.sd-demo .hero-value-strip .value-card{padding-top:20px;padding-bottom:20px}
.sd-demo .hero-value-strip .value-card h2{font-size:17px;font-weight:650;margin-bottom:6px}
.sd-demo .hero-value-strip .value-card p{font-size:12px;color:#b5c2c0}
.sd-demo .hero-value-strip .value-card+.value-card{border-left:0}
.sd-demo .eyebrow{font-size:11px;letter-spacing:.08em;color:var(--green-dark)}
.sd-demo .eyebrow-dot{display:none}
.sd-demo .section{padding:116px 0}
.sd-demo .section-heading{margin-bottom:54px}
.sd-demo .section-heading h2{font-weight:680;letter-spacing:-.06em}
.sd-demo .section-heading>p:last-child{font-size:15px;line-height:1.9}
.sd-demo .platform-section{background:#f5f6f3}
.sd-demo .platform-system{gap:14px;margin-bottom:68px}
.sd-demo .system-card,.sd-demo .system-card.system-ai,.sd-demo .system-card.system-scenes{min-height:315px;padding:31px 30px 28px;border-radius:16px;background:#fbfcfa;border-color:#dfe5e2;box-shadow:none}
.sd-demo .system-card.system-ai{background:#151e1f;color:#fff;border-color:#151e1f}
.sd-demo .system-card.system-scenes{background:#edf6ef;border-color:#d4e6d8}
.sd-demo .system-card:before{left:30px;right:30px;height:2px;background:var(--green)}
.sd-demo .system-top{margin-bottom:54px}
.sd-demo .system-top span{font-size:36px;color:#a6b0ad}
.sd-demo .system-card:first-child .system-top span,.sd-demo .system-card.system-scenes .system-top span{color:var(--green-dark)}
.sd-demo .system-card h3{font-size:29px;font-weight:650}
.sd-demo .system-card p,.sd-demo .system-ai p,.sd-demo .system-scenes p{font-size:13px;line-height:1.9}
.sd-demo .scene-heading{margin-bottom:18px}
.sd-demo .scene-heading>span{font-size:11px;letter-spacing:.08em}
.sd-demo .scene-grid{gap:14px}
.sd-demo .scene-card{min-height:250px;padding:25px 25px 23px;border-radius:16px;background:#fbfcfa;border-color:#dfe5e2;box-shadow:none}
.sd-demo .scene-card-featured{background:#162122;border-color:#162122;box-shadow:none}
.sd-demo .scene-card h3{font-size:22px;font-weight:650;margin-top:34px}
.sd-demo .pain-section{background:#e9eeeb}
.sd-demo .pain-grid{gap:14px}
.sd-demo .pain-card{min-height:230px;padding:25px;border-radius:16px;border-color:#d6e0db;background:#f9fbf9;box-shadow:none}
.sd-demo .pain-card h3{font-size:21px;font-weight:650;margin-top:31px}
.sd-demo .pain-card p{font-size:13px;line-height:1.85}
.sd-demo .workflow-section{background:#121b1c}
.sd-demo .workflow-line{gap:22px}
.sd-demo .workflow-line:before{background:#3c4848}
.sd-demo .workflow-step h3{font-size:19px;font-weight:620}
.sd-demo .workflow-step p{font-size:12px;line-height:1.85;color:#a6b1b0}
.sd-demo .workspace-section{background:#f5f6f3}
.sd-demo .workspace-showcase{gap:14px}
.sd-demo .showcase-card{border-radius:16px;border-color:#dfe5e2;box-shadow:none;background:#fbfcfa}
.sd-demo .showcase-main{background:#172122;border-color:#172122}
.sd-demo .showcase-copy{padding:30px 30px 28px}
.sd-demo .showcase-copy .tag,.sd-demo .tag{border-radius:5px;padding:6px 8px;background:#e3f4e8;color:#187a4d;font-size:10px}
.sd-demo .showcase-main .tag{background:#234135;color:#9be9b9}
.sd-demo .showcase-copy h3{font-size:23px;font-weight:650}
.sd-demo .showcase-copy p{font-size:13px;line-height:1.85}
.sd-demo .creation-section{background:#fff}
.sd-demo .mode-grid-three{gap:14px}
.sd-demo .mode-grid-three .mode-card{min-height:360px;padding:30px;border-radius:16px;background:#f5f7f4;box-shadow:none}
.sd-demo .mode-grid-three .mode-agent{background:#e9f5ec}
.sd-demo .mode-grid-three .mode-canvas{background:#f1f3f1}
.sd-demo .mode-grid-three .mode-free{background:#f4f1eb}
.sd-demo .mode-grid-three .mode-card:hover{transform:translateY(-3px);box-shadow:none}
.sd-demo .mode-number{font-size:54px}
.sd-demo .mode-grid-three .mode-card h3{font-size:29px;font-weight:650}
.sd-demo .mode-grid-three .mode-card p{font-size:13px;line-height:1.85}
.sd-demo .mode-grid-three .mode-card li{font-size:12px}
.sd-demo .cta-section{padding:92px 0;background:#172122}
.sd-demo .cta-inner h2{font-weight:650}
.sd-demo .site-footer{background:#101718}
.sd-demo .footer-main{padding:56px 0 48px}
.sd-demo .footer-bottom{border-top-color:#293334}
@media (min-width:901px){
  .sd-demo .hero-copy{width:min(840px,72vw)}
  .sd-demo .hero h1{font-size:clamp(48px,4.2vw,68px)}
  .sd-demo .hero-value-strip .value-card p{font-size:11.5px}
}
@media (max-width:760px){
  .sd-demo .section{padding:88px 0}
  .sd-demo .section-heading{margin-bottom:42px}
  .sd-demo .hero-value-strip .value-card p{font-size:12px}
  .sd-demo .system-card,.sd-demo .system-card.system-ai,.sd-demo .system-card.system-scenes{min-height:0}
}

/* Intermediate and small viewports use a deliberate editorial stack instead of squeezing the desktop hero. */
@media (max-width:1350px){
  .sd-demo .site-header{position:absolute;top:0;left:0;right:0;background:rgba(9,17,18,.82);border-bottom:1px solid rgba(255,255,255,.12)}
  .sd-demo .header-inner{height:68px}
  .sd-demo .main-nav{gap:15px;font-size:12px}
  .sd-demo .header-actions{gap:7px}
  .sd-demo .header-actions .button{padding-left:13px;padding-right:13px;font-size:12px}
  .sd-demo .hero{min-height:0;display:block;padding-top:68px}
  .sd-demo .hero-grid{display:grid;width:min(calc(100% - 48px),1040px);max-width:1040px;min-height:0;margin:0 auto;padding:76px 0 0;grid-template-columns:1fr;gap:44px}
  .sd-demo .hero-copy,.sd-demo .hero-copy.reveal,.sd-demo .hero-copy.reveal.is-visible{width:100%;max-width:760px;margin:0;top:auto;transform:none;padding:0}
  .sd-demo .hero h1{max-width:760px;white-space:normal;font-size:clamp(52px,6.4vw,78px);line-height:1.02}
  .sd-demo .hero-media{position:relative;inset:auto;width:100%;height:auto;min-height:0;order:2}
  .sd-demo .media-frame{height:auto;border-radius:18px;transform:none;box-shadow:0 24px 60px rgba(0,0,0,.28)}
  .sd-demo .media-frame video{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
  .sd-demo .hero-media:after{content:none}
  .sd-demo .hero-value-strip{position:relative;left:auto;right:auto;bottom:auto;background:#111c1d;border-top:1px solid rgba(255,255,255,.18)}
  .sd-demo .hero-value-strip .value-grid{width:min(calc(100% - 48px),1040px);max-width:1040px}
  .sd-demo .hero-value-strip .value-card{min-width:0}
  .sd-demo .hero-value-strip .value-card p{white-space:normal}
}
@media (max-width:900px){
  .sd-demo .site-header{position:absolute}
  .sd-demo .hero{padding-top:64px}
  .sd-demo .hero-grid{width:min(calc(100% - 36px),680px);padding:64px 0 42px;gap:34px}
  .sd-demo .hero-copy,.sd-demo .hero-copy.reveal,.sd-demo .hero-copy.reveal.is-visible{width:100%;max-width:none}
  .sd-demo .hero h1{font-size:clamp(44px,11vw,64px);line-height:1.04;margin-bottom:20px}
  .sd-demo .hero-lead{font-size:17px}
  .sd-demo .hero-actions{margin-top:26px}
  .sd-demo .hero-media{width:100%}
  .sd-demo .media-frame{border-radius:14px}
  .sd-demo .hero-value-strip .value-grid{width:min(calc(100% - 36px),680px);grid-template-columns:1fr}
  .sd-demo .hero-value-strip .value-card,.sd-demo .hero-value-strip .value-card+.value-card{padding:18px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .sd-demo .hero-value-strip .value-card:last-child{border-bottom:0}
}
@media (max-width:560px){
  .sd-demo .header-inner{padding:0 18px}
  .sd-demo .hero-grid{padding-top:54px}
  .sd-demo .hero h1{font-size:clamp(39px,11.5vw,54px);letter-spacing:-.06em}
  .sd-demo .hero-actions{align-items:flex-start;flex-direction:column;gap:18px}
  .sd-demo .hero-actions .button-large{width:auto}
  .sd-demo .hero-value-strip .value-card{grid-template-columns:30px 1fr}
  .sd-demo .hero-value-strip .value-card h2{font-size:17px}
}

/* Homepage sections 2–5: editorial brand story, platform system, product rail and pricing. */
.sd-demo .approach-section{background:#f4f5f1;padding-top:150px;padding-bottom:145px}
.sd-demo .approach-heading{max-width:900px;margin:0 auto 70px;text-align:center}
.sd-demo .approach-heading .eyebrow{justify-content:center}
.sd-demo .approach-heading h2{font-size:clamp(43px,5.2vw,76px);line-height:1.08;letter-spacing:-.07em;margin:0 0 23px;font-weight:700}
.sd-demo .approach-heading h2 .approach-word{display:inline-flex;align-items:center;min-width:3.15em;padding:0 .22em .08em;border-radius:999px;background:#d8f5b8;color:#111918;transition:opacity .25s ease,transform .25s ease}
.sd-demo .approach-heading h2 em{font-style:normal;color:#55625e}
.sd-demo .approach-heading>p:last-child{max-width:560px;margin:0 auto;color:#65726f;font-size:16px;line-height:1.85}
.sd-demo .approach-grid{display:grid;grid-template-columns:1.22fr 1fr 1fr;gap:16px;align-items:stretch}
.sd-demo .approach-card{position:relative;display:flex;flex-direction:column;min-height:315px;padding:29px 30px 27px;overflow:hidden;border:1px solid #dbe2dc;border-radius:22px;background:#fff;box-shadow:0 15px 40px rgba(28,45,35,.04);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.sd-demo .approach-card:hover{transform:translateY(-7px);border-color:#a9d6b5;box-shadow:0 24px 55px rgba(27,65,42,.12)}
.sd-demo .approach-card:after{content:"";position:absolute;right:-60px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:rgba(218,247,195,.55);filter:blur(2px);pointer-events:none}
.sd-demo .approach-card.approach-work{background:#172021;color:#fff;border-color:#172021}.sd-demo .approach-card.approach-work:after{background:rgba(99,191,147,.18)}
.sd-demo .approach-card.approach-collab{background:#edf8f0}
.sd-demo .approach-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:29px;border:1px solid #d6e4d9;border-radius:14px;background:#f4faf3}
.sd-demo .approach-work .approach-icon{border-color:#40524d;background:#223332}.sd-demo .approach-icon img{width:27px;height:27px;object-fit:contain}
.sd-demo .approach-card>span{position:relative;z-index:1;color:#159359;font-size:11px;font-weight:700;letter-spacing:.08em}.sd-demo .approach-work>span{color:#78e8a7}
.sd-demo .approach-card h3{position:relative;z-index:1;font-size:28px;line-height:1.17;letter-spacing:-.055em;margin:17px 0 12px}.sd-demo .approach-card p{position:relative;z-index:1;max-width:350px;color:#697773;font-size:13px;line-height:1.8;margin:0}.sd-demo .approach-work p{color:#acbdbc}
.sd-demo .approach-card b{position:relative;z-index:1;display:inline-flex;gap:9px;align-items:center;margin-top:auto;color:#117b49;font-size:13px}.sd-demo .approach-work b{color:#83e8ab}.sd-demo .approach-card b i{font-style:normal;font-size:17px}
.sd-demo .platform-section{padding-top:140px;padding-bottom:150px;background:#f7f8f5}
.sd-demo .platform-section .section-heading{max-width:770px}
.sd-demo .platform-section .section-heading h2{font-size:clamp(39px,4.8vw,68px)}
.sd-demo .platform-section .system-card{display:block;text-decoration:none}
.sd-demo .platform-section .system-top span{font-size:28px;letter-spacing:-.03em}
.sd-demo .platform-section .system-card:hover h3{color:#0b9c55}
.sd-demo .ai-products-section{background:#fff;padding-top:140px;padding-bottom:135px;overflow:hidden}
.sd-demo .section-heading.center{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}.sd-demo .section-heading.center .eyebrow{justify-content:center}.sd-demo .section-heading.center>p:last-child{margin-left:auto;margin-right:auto}
.sd-demo .ai-products-viewport{position:relative;overflow:hidden;margin:0 -2px;padding:20px 0 30px}
.sd-demo .ai-products-track{display:flex;gap:16px;width:max-content;scroll-behavior:smooth;transform:translateZ(0)}
.sd-demo .ai-product-card{position:relative;display:flex;flex:0 0 292px;flex-direction:column;min-height:300px;padding:26px 25px 24px;overflow:hidden;border:1px solid #e0e6e2;border-radius:22px;background:#f7f8f5;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.sd-demo .ai-product-card:hover{transform:translateY(-7px);border-color:#9ccdb0;box-shadow:0 22px 44px rgba(30,61,42,.1)}
.sd-demo .ai-product-card.featured{flex-basis:390px;color:#fff;background:#142021;border-color:#142021;box-shadow:0 20px 55px rgba(18,34,34,.16)}
.sd-demo .ai-product-card.featured:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(82,213,139,.22),transparent 32%),linear-gradient(145deg,transparent 30%,rgba(255,255,255,.05));pointer-events:none}
.sd-demo .ai-product-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:30px;border-radius:13px;background:#e6f7eb}.sd-demo .featured .ai-product-icon{background:#254038}.sd-demo .ai-product-icon img{width:24px;height:24px;object-fit:contain}
.sd-demo .ai-product-card small,.sd-demo .ai-product-card h3,.sd-demo .ai-product-card p,.sd-demo .ai-product-card b{position:relative;z-index:1}.sd-demo .ai-product-card small{color:#159359;font-size:11px;font-weight:700}.sd-demo .featured small{color:#7ce8a7}.sd-demo .ai-product-card h3{font-size:28px;letter-spacing:-.055em;margin:14px 0 10px}.sd-demo .ai-product-card p{color:#697773;font-size:13px;line-height:1.75;margin:0}.sd-demo .featured p{color:#afbfbd}.sd-demo .ai-product-card b{display:flex;gap:8px;align-items:center;margin-top:auto;color:#16824d;font-size:12px}.sd-demo .featured b{color:#8becb2}.sd-demo .ai-product-card b span{font-size:16px}.sd-demo .ai-products-controls{display:flex;justify-content:center;gap:10px}.sd-demo .ai-products-controls button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #d4ded8;border-radius:50%;background:#fff;color:#1b2624;font-size:18px;cursor:pointer;transition:background .2s ease,color .2s ease}.sd-demo .ai-products-controls button:hover{background:#182424;color:#fff}
.sd-demo .ai-product-art{position:relative;z-index:1;width:100%;height:150px;margin-top:20px;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}.sd-demo .featured .ai-product-art{mix-blend-mode:screen;opacity:.88}
.sd-demo .pricing-section{background:#f4f5f1;padding-top:140px;padding-bottom:150px}.sd-demo .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sd-demo .pricing-card{display:flex;flex-direction:column;min-height:470px;padding:31px 31px 27px;border:1px solid #dfe6e0;border-radius:22px;background:#fff;box-shadow:none}.sd-demo .pricing-card-featured{color:#fff;background:#172122;border-color:#172122}.sd-demo .pricing-card-points{background:#edf8ef;border-color:#d3e8d6}.sd-demo .pricing-label{color:#159359;font-size:11px;font-weight:700;letter-spacing:.08em}.sd-demo .pricing-card-featured .pricing-label{color:#7de8a8}.sd-demo .pricing-card h3{font-size:26px;letter-spacing:-.04em;margin:27px 0 23px}.sd-demo .pricing-card strong{font-size:32px;letter-spacing:-.055em}.sd-demo .pricing-card p{min-height:44px;color:#6d7b76;font-size:13px;line-height:1.7;margin:12px 0 0}.sd-demo .pricing-card-featured p{color:#acbdb9}.sd-demo .pricing-card hr{width:100%;margin:25px 0 17px;border:0;border-top:1px solid #e2e8e3}.sd-demo .pricing-card-featured hr{border-color:#334443}.sd-demo .pricing-card ul{display:grid;gap:11px;list-style:none;padding:0;margin:0;color:#61706b;font-size:13px;line-height:1.6}.sd-demo .pricing-card-featured ul{color:#b7c8c4}.sd-demo .pricing-card li:before{content:"✓";display:inline-block;margin-right:9px;color:#159359}.sd-demo .pricing-card-featured li:before{color:#7de8a8}.sd-demo .pricing-card a{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:#11804a;font-size:13px;font-weight:700}.sd-demo .pricing-card-featured a{color:#86ecae}.sd-demo .pricing-card a span{font-size:18px}
@media (max-width:900px){.sd-demo .approach-section,.sd-demo .platform-section,.sd-demo .ai-products-section,.sd-demo .pricing-section{padding-top:92px;padding-bottom:95px}.sd-demo .approach-heading{margin-bottom:45px}.sd-demo .approach-heading h2{font-size:clamp(40px,10vw,58px)}.sd-demo .approach-grid,.sd-demo .pricing-grid{grid-template-columns:1fr}.sd-demo .approach-card{min-height:280px}.sd-demo .ai-products-viewport{overflow-x:auto;padding-bottom:22px}.sd-demo .ai-products-track{padding:0 18px}.sd-demo .ai-products-controls{display:none}.sd-demo .pricing-card{min-height:0}.sd-demo .pricing-card p{min-height:0}.sd-demo .platform-section .platform-system{grid-template-columns:1fr}}

/* Final v2 homepage composition. These rules intentionally supersede the legacy hero overrides above. */
.sd-demo .hero{display:block;min-height:100svh;padding-top:0}
.sd-demo .hero-grid{display:block!important;width:100%!important;max-width:none!important;min-height:100svh!important;margin:0!important;padding:0!important}
.sd-demo .hero-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;z-index:0}
.sd-demo .media-frame{width:100%!important;height:100%!important;border-radius:0!important;border:0!important;box-shadow:none!important;transform:none!important}
.sd-demo .media-frame video{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
.sd-demo .hero-media:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(7,15,16,.88) 0%,rgba(7,15,16,.56) 37%,rgba(7,15,16,.12) 76%),linear-gradient(0deg,rgba(7,15,16,.54),rgba(7,15,16,.08) 55%)!important;pointer-events:none!important}
.sd-demo .hero-copy,.sd-demo .hero-copy.reveal,.sd-demo .hero-copy.reveal.is-visible{position:absolute!important;left:max(24px,calc((100vw - var(--max))/2))!important;top:50%!important;z-index:3!important;width:min(780px,calc(100vw - 48px))!important;max-width:none!important;margin:0!important;padding:0!important;transform:translateY(-54%)!important}
.sd-demo .hero h1{max-width:none!important;margin-bottom:22px!important;font-size:clamp(48px,5.1vw,78px)!important;line-height:1.04!important;letter-spacing:-.075em!important;white-space:nowrap!important;font-weight:700!important}
.sd-demo .hero h1 span{display:block!important;white-space:nowrap!important}
.sd-demo .hero-lead{font-size:clamp(17px,1.5vw,21px)!important;line-height:1.6!important;color:#d6e0de!important}
.sd-demo .hero-actions{margin-top:30px!important}
.sd-demo .hero-actions .button-large{min-height:58px!important;padding:17px 30px!important;font-size:16px!important}
.sd-demo .hero-value-strip{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:5!important;background:rgba(10,19,20,.91)!important;border-top:1px solid rgba(255,255,255,.18)!important;border-bottom:0!important;backdrop-filter:blur(12px)!important}
.sd-demo .hero-value-strip .value-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:min(calc(100% - 48px),var(--max))!important;max-width:var(--max)!important;margin:0 auto!important}
.sd-demo .hero-value-strip .value-card,.sd-demo .hero-value-strip .value-card+.value-card{display:grid!important;grid-template-columns:auto 1fr!important;gap:15px!important;min-width:0!important;padding:21px 25px!important;border-right:1px solid rgba(255,255,255,.16)!important;border-bottom:0!important}
.sd-demo .hero-value-strip .value-card:last-child{padding-right:0!important;border-right:0!important}
.sd-demo .hero-value-strip .value-index{padding-top:3px!important;font-size:11px!important;color:#6be5a1!important}
.sd-demo .hero-value-strip .value-card h2{margin:0 0 5px!important;color:#fff!important;font-size:18px!important;font-weight:650!important}
.sd-demo .hero-value-strip .value-card p{max-width:none!important;margin:0!important;color:#aec0bd!important;font-size:12px!important;line-height:1.55!important;white-space:nowrap!important}
.sd-demo .hero-value-strip .value-arrow{display:none!important}
@media (max-width:900px){
  .sd-demo .hero{min-height:100svh!important;padding-top:0!important}
  .sd-demo .hero-copy,.sd-demo .hero-copy.reveal,.sd-demo .hero-copy.reveal.is-visible{left:18px!important;top:43%!important;width:calc(100% - 36px)!important;transform:translateY(-50%)!important}
  .sd-demo .hero h1{max-width:520px!important;white-space:normal!important;font-size:clamp(42px,10.5vw,62px)!important;line-height:1.06!important}
  .sd-demo .hero-value-strip{position:absolute!important}
  .sd-demo .hero-value-strip .value-grid{width:calc(100% - 36px)!important;grid-template-columns:1fr!important}
  .sd-demo .hero-value-strip .value-card,.sd-demo .hero-value-strip .value-card+.value-card{padding:14px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important}
  .sd-demo .hero-value-strip .value-card:last-child{border-bottom:0!important}
  .sd-demo .hero-value-strip .value-card p{white-space:normal!important}
}
@media (max-width:560px){
  .sd-demo .hero-copy,.sd-demo .hero-copy.reveal,.sd-demo .hero-copy.reveal.is-visible{top:39%!important}
  .sd-demo .hero h1{font-size:clamp(36px,10.5vw,54px)!important}
  .sd-demo .hero-lead{font-size:16px!important}
  .sd-demo .hero-actions{align-items:flex-start!important;flex-direction:column!important;gap:17px!important}
  .sd-demo .hero-actions .button-large{min-height:54px!important}
}

/* Homepage capability tabs: a featured card expands while the other two stay quiet. */
.sd-demo .hero-actions .button-large{min-height:54px!important;padding:15px 28px!important;border-radius:12px!important;font-size:16px!important}
.sd-demo .hero-value-strip{padding:18px 0 26px!important;background:rgba(8,17,18,.94)!important;border-top:1px solid rgba(255,255,255,.2)!important}
.sd-demo .capability-heading{display:flex;justify-content:center;align-items:center;padding-bottom:13px;color:#d7e2df;font-size:13px;letter-spacing:.08em}
.sd-demo .capability-heading span:before{content:"";display:inline-block;width:24px;height:1px;margin:0 10px 4px 0;background:#5cdf91}
.sd-demo .capability-heading span:after{content:"";display:inline-block;width:24px;height:1px;margin:0 0 4px 10px;background:#5cdf91}
.sd-demo .hero-value-strip .value-grid{display:grid!important;grid-template-columns:1.5fr .84fr .84fr!important;gap:14px!important;align-items:stretch!important;width:min(calc(100% - 48px),var(--max))!important;transition:grid-template-columns .45s cubic-bezier(.22,.61,.36,1)!important}
.sd-demo .hero-value-strip .value-grid.is-2-active{grid-template-columns:.84fr 1.5fr .84fr!important}
.sd-demo .hero-value-strip .value-grid.is-3-active{grid-template-columns:.84fr .84fr 1.5fr!important}
.sd-demo .hero-value-strip .value-card,.sd-demo .hero-value-strip .value-card+.value-card{position:relative!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:15px!important;min-width:0!important;min-height:116px!important;padding:22px 24px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important;background:#172526!important;cursor:pointer!important;transition:background .3s ease,border-color .3s ease,transform .3s ease!important}
.sd-demo .hero-value-strip .value-card:before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;opacity:.12;pointer-events:none;transition:opacity .35s ease!important}
.sd-demo .hero-value-strip .value-card:nth-child(1):before{background-image:url("/images/shortDramaDemo/assets/marketing/canvas-workflow-polished.png")}
.sd-demo .hero-value-strip .value-card:nth-child(2):before{background-image:url("/images/shortDramaDemo/assets/marketing/editing-ai.png")}
.sd-demo .hero-value-strip .value-card:nth-child(3):before{background-image:url("/images/shortDramaDemo/assets/marketing/publishing-one-click.png")}
.sd-demo .hero-value-strip .value-card.active{border-color:rgba(93,224,145,.65)!important;background:#213331!important;transform:translateY(-2px)!important}
.sd-demo .hero-value-strip .value-card.active:before{opacity:.24}
.sd-demo .hero-value-strip .value-index,.sd-demo .hero-value-strip .value-card-body,.sd-demo .hero-value-strip .value-plus{position:relative;z-index:1}
.sd-demo .hero-value-strip .value-index{padding-top:3px!important;color:#69e8a2!important;font-size:11px!important}
.sd-demo .hero-value-strip .value-card h2{margin:0 0 7px!important;color:#fff!important;font-size:19px!important;font-weight:680!important;white-space:nowrap!important}
.sd-demo .hero-value-strip .value-card p{max-width:none!important;margin:0!important;color:#b6c8c4!important;font-size:12px!important;line-height:1.6!important;white-space:nowrap!important}
.sd-demo .hero-value-strip .value-cta{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#83e8aa;font-size:12px;font-weight:650;opacity:0;transform:translateY(5px);transition:opacity .3s ease,transform .3s ease}
.sd-demo .hero-value-strip .value-cta b{font-size:16px;font-weight:400}
.sd-demo .hero-value-strip .value-card.active .value-cta{opacity:1;transform:none}
.sd-demo .hero-value-strip .value-plus{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-top:1px;border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#d7e4e0;font-size:20px;font-weight:300;transition:transform .35s ease,background .3s ease}
.sd-demo .hero-value-strip .value-card.active .value-plus{transform:rotate(45deg);background:rgba(20,200,117,.22);color:#8aefb1}
.sd-demo .hero-value-strip .value-card:not(.active) .value-card-body p,.sd-demo .hero-value-strip .value-card:not(.active) .value-cta{display:none}
.sd-demo .hero-value-strip .value-card:not(.active) .value-card-body{display:flex;align-items:center}
@media (max-width:900px){
  .sd-demo .hero-value-strip{padding:15px 0 18px!important}
  .sd-demo .capability-heading{font-size:12px;padding-bottom:10px}
  .sd-demo .hero-value-strip .value-grid,.sd-demo .hero-value-strip .value-grid.is-2-active,.sd-demo .hero-value-strip .value-grid.is-3-active{grid-template-columns:1fr!important;gap:9px!important;width:calc(100% - 36px)!important}
  .sd-demo .hero-value-strip .value-card,.sd-demo .hero-value-strip .value-card+.value-card{min-height:0!important;padding:16px 17px!important;border-radius:14px!important}
  .sd-demo .hero-value-strip .value-card:not(.active) .value-card-body{display:block}
  .sd-demo .hero-value-strip .value-card:not(.active) .value-card-body p{display:block;white-space:normal!important;margin-top:5px!important}
  .sd-demo .hero-value-strip .value-card:not(.active) .value-cta{display:none}
}
@media (max-width:560px){
  .sd-demo .hero-value-strip .value-card,.sd-demo .hero-value-strip .value-card+.value-card{min-height:54px!important;padding:12px 14px!important}
  .sd-demo .hero-value-strip .value-card p,.sd-demo .hero-value-strip .value-card .value-cta{display:none!important}
  .sd-demo .hero-value-strip .value-card:not(.active) .value-card-body{display:flex!important;align-items:center!important}
  .sd-demo .hero-value-strip .value-card h2{font-size:16px!important;margin:0!important}
  .sd-demo .hero-value-strip .value-plus{width:24px;height:24px;font-size:17px}
}

/* Static capability cards: the information stays visible; only the featured card carries motion. */
.sd-demo .hero-value-strip .value-grid.is-featured{grid-template-columns:1.55fr .84fr .84fr!important}
.sd-demo .hero-value-strip .value-card{cursor:default!important;transform:none!important}
.sd-demo .hero-value-strip .value-card.active{border-color:rgba(255,255,255,.2)!important;transform:none!important}
.sd-demo .hero-value-strip .value-card:not(.active) .value-card-body{display:block!important}
.sd-demo .hero-value-strip .value-card:not(.active) .value-card-body p{display:block!important;white-space:normal!important}
.sd-demo .hero-value-strip .value-card:not(.active) .value-cta{display:none!important}
.sd-demo .hero-value-strip .value-card p{white-space:normal!important}
.sd-demo .hero-value-strip .value-card:first-child:before{opacity:.2;animation:capability-pan 13s ease-in-out infinite alternate}
.sd-demo .hero-value-strip .value-card:first-child:after{content:"";position:absolute;z-index:0;inset:-35%;background:radial-gradient(circle at 35% 50%,rgba(71,226,145,.25),transparent 24%),linear-gradient(105deg,transparent 35%,rgba(137,255,188,.12) 50%,transparent 65%);transform:translateX(-14%);animation:capability-sweep 7s ease-in-out infinite;pointer-events:none}
.sd-demo .hero-value-strip .value-card:first-child .value-card-body,.sd-demo .hero-value-strip .value-card:first-child .value-index,.sd-demo .hero-value-strip .value-card:first-child .value-plus{z-index:1}
@keyframes capability-pan{0%{background-position:35% 50%;transform:scale(1)}100%{background-position:65% 50%;transform:scale(1.05)}}
@keyframes capability-sweep{0%,100%{opacity:.15;transform:translateX(-18%)}50%{opacity:.42;transform:translateX(18%)}}
@media (max-width:900px){
  .sd-demo .hero-value-strip .value-grid.is-featured{grid-template-columns:1fr!important}
  .sd-demo .hero-value-strip .value-card:not(.active) .value-card-body p{white-space:normal!important}
}

/* Product-system overview: one shared block with three equal levels. */
.sd-demo .platform-section .section-heading .eyebrow{letter-spacing:.08em}
.sd-demo .platform-system{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:66px;padding:18px;border:1px solid #dfe8e6;border-radius:22px;background:#f6f9f8}
.sd-demo .system-card{min-height:300px;padding:28px 28px 25px;border:1px solid #dce6e4;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(25,42,43,.035)}
.sd-demo .system-card.system-ai{color:#fff;background:#10191c;border-color:#10191c}.sd-demo .system-card.system-scenes{background:#edf8f1;border-color:#ccebd8}
.sd-demo .system-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:38px}.sd-demo .system-top span{color:var(--green-dark);font-size:22px;font-weight:800;letter-spacing:.02em}.sd-demo .system-ai .system-top span{color:#6ce6a1}.sd-demo .system-top small{color:#778487;font-size:12px}.sd-demo .system-ai .system-top small{color:#a9b8bb}
.sd-demo .system-card h3{font-size:27px;letter-spacing:-.04em;margin:0 0 13px}.sd-demo .system-card p{min-height:76px;color:var(--muted);font-size:14px;line-height:1.85;margin:0}.sd-demo .system-ai p{color:#a7b5b8}.sd-demo .system-scenes p{color:#547064}
.sd-demo .system-card .platform-tags{margin-top:25px}.sd-demo .system-card .platform-tags span{padding:7px 10px}.sd-demo .system-ai .platform-tags span{background:#20332a;color:#b9ddc8}.sd-demo .system-scenes .platform-tags span{background:#d9f3e3;color:#287252}
.sd-demo .scene-heading{margin-top:4px}.sd-demo .scene-heading>span{font-size:12px;letter-spacing:.08em}.sd-demo .scene-heading p{font-size:14px}
@media (max-width:760px){.sd-demo .platform-system{grid-template-columns:1fr;gap:12px;margin-bottom:45px;padding:12px;border-radius:17px}.sd-demo .system-card{min-height:0;padding:25px 23px}.sd-demo .system-top{margin-bottom:27px}.sd-demo .system-card p{min-height:0}.sd-demo .system-card h3{font-size:25px}.sd-demo .scene-heading{margin-top:0}}

/* Quiet, premium platform architecture treatment. */
.sd-demo .platform-system{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:78px;padding:0;border:0;border-radius:0;background:transparent}
.sd-demo .system-card,.sd-demo .system-card.system-ai,.sd-demo .system-card.system-scenes{position:relative;min-height:340px;padding:36px 34px 31px;color:var(--ink);border:1px solid #e5e7eb;border-radius:22px;background:#f5f5f7;box-shadow:none;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.sd-demo .system-card:hover{transform:translateY(-5px);background:#fff;box-shadow:0 18px 45px rgba(18,28,32,.08)}
.sd-demo .system-card.system-ai{background:#fff}.sd-demo .system-card.system-scenes{background:#eef8f1;border-color:#d9ecdf}
.sd-demo .system-card:before{content:"";position:absolute;left:34px;right:34px;top:0;height:3px;border-radius:0 0 3px 3px;background:#12c96d}
.sd-demo .system-top{margin-bottom:60px}.sd-demo .system-top span{font-size:42px;line-height:1;color:#a9b3b5;font-weight:700;letter-spacing:-.06em}.sd-demo .system-card:first-child .system-top span,.sd-demo .system-card.system-scenes .system-top span{color:#12aa5d}.sd-demo .system-top small{color:#7c878a;font-size:12px;letter-spacing:.04em}
.sd-demo .system-card h3{font-size:32px;letter-spacing:-.055em;margin:0 0 16px}.sd-demo .system-card p,.sd-demo .system-ai p,.sd-demo .system-scenes p{min-height:85px;color:#6f7a7d;font-size:14px;line-height:1.9;margin:0}.sd-demo .system-card .platform-tags{display:flex;gap:0;flex-wrap:wrap;margin-top:27px}.sd-demo .system-card .platform-tags span{padding:0;background:transparent;color:#758083;font-size:12px}.sd-demo .system-card .platform-tags span+span:before{content:"·";margin:0 10px;color:#b3babc}.sd-demo .scene-heading{border-top:1px solid #e2e5e5}
@media (max-width:760px){.sd-demo .platform-system{grid-template-columns:1fr;gap:15px;margin-bottom:52px}.sd-demo .system-card,.sd-demo .system-card.system-ai,.sd-demo .system-card.system-scenes{min-height:0;padding:30px 27px 28px}.sd-demo .system-top{margin-bottom:42px}.sd-demo .system-card h3{font-size:28px}.sd-demo .system-card p,.sd-demo .system-ai p,.sd-demo .system-scenes p{min-height:0}.sd-demo .system-card:before{left:27px;right:27px}}

.sd-demo .showcase-publish{grid-column:1 / -1;display:block;overflow:hidden;min-height:0;border-color:#d9e6dd;background:#f4faf6}.sd-demo .showcase-publish .showcase-copy{max-width:none;padding:38px 40px 32px}.sd-demo .showcase-publish .showcase-copy h3{font-size:32px;margin-top:18px}.sd-demo .showcase-publish .showcase-copy p{max-width:780px;color:#5c7568;font-size:14px}.sd-demo .showcase-publish>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:cover;object-position:center;border:0;border-top:1px solid #d9e6dd}.sd-demo .publish-platforms{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.sd-demo .publish-platforms span{padding:7px 11px;border-radius:999px;background:#dff3e6;color:#2c7450;font-size:11px}.sd-demo .value-card h2{font-weight:800}
@media (max-width:760px){.sd-demo .showcase-publish{grid-column:auto;display:block;min-height:0}.sd-demo .showcase-publish .showcase-copy{padding:28px 27px 25px}.sd-demo .showcase-publish .showcase-copy h3{font-size:26px}.sd-demo .showcase-publish>img{height:auto;aspect-ratio:3/2;border-left:0;border-top:1px solid #d9e6dd}}

/* Homepage logo: green mark + white wordmark over the dark hero. */
.sd-demo .site-header .brand-mark{display:inline-block;width:43px;height:36px;background-image:url("/images/shortDramaDemo/assets/logo.png");background-repeat:no-repeat;background-position:left center;background-size:120px 36px;flex:none}
.sd-demo .site-header .brand-word{display:inline-block;color:#fff;font-size:21px;font-weight:750;line-height:1;letter-spacing:-.04em}
@media (max-width:900px){.sd-demo .site-header .brand-word{font-size:20px}}
.sd-demo .site-header .brand-mark{width:35px;height:30px;background-size:100px 30px}
.sd-demo .site-header .brand-word{font-size:18px}
.sd-demo .site-header .brand{gap:7px}
.sd-demo .site-header .brand-mark{width:32px;height:30px;background-size:80px 24px;background-position:left center;overflow:hidden}
.sd-demo .footer-brand{gap:8px;color:#fff}.sd-demo .footer-brand .footer-mark{display:inline-block;width:39px;height:32px;background-image:url("/images/shortDramaDemo/assets/logo.png");background-repeat:no-repeat;background-position:left center;background-size:106px 32px}.sd-demo .footer-brand .footer-word{font-size:21px;font-weight:750;color:#16d875;letter-spacing:-.04em}.sd-demo .footer-brand img{filter:none}
.sd-demo .mode-grid-three{grid-template-columns:repeat(3,1fr);gap:18px}
.sd-demo .mode-grid-three .mode-card{min-height:390px;padding:34px 31px;border:1px solid #e3e7e7;box-shadow:none;color:var(--ink)}
.sd-demo .mode-grid-three .mode-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(24,41,43,.08)}
.sd-demo .mode-grid-three .mode-agent{background:#eff8f2}.sd-demo .mode-grid-three .mode-canvas{background:#f4f5f7}.sd-demo .mode-grid-three .mode-free{background:#f7f3ed}
.sd-demo .mode-grid-three .mode-card p{color:#647174}.sd-demo .mode-grid-three .mode-card ul{grid-template-columns:1fr;gap:0;margin-top:26px}.sd-demo .mode-grid-three .mode-card li{padding:9px 0;border-top:1px solid rgba(30,52,52,.12)}
.sd-demo .mode-grid-three .mode-number{color:rgba(18,169,93,.3)}
@media (max-width:900px){.sd-demo .mode-grid-three{grid-template-columns:1fr}}

/* Full-bleed video background and original-color logo treatment. */
.sd-demo .nav-chevron{position:relative;width:10px;height:10px;margin-left:2px;transform:none}
.sd-demo .nav-chevron:before{content:"";position:absolute;left:1px;top:2px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}
.sd-demo .nav-item:hover .nav-chevron:before,.sd-demo .nav-item:focus-within .nav-chevron:before,.sd-demo .nav-item.open .nav-chevron:before{transform:rotate(225deg) translate(-1px,-1px)}
@media (min-width:901px){
  .sd-demo .site-header{border-bottom:0}
  .sd-demo .site-header .brand{padding:0;background:transparent}
  .sd-demo .site-header .brand img{filter:brightness(0) invert(1);width:92px}
  .sd-demo .hero-grid{display:block;width:min(calc(100% - 64px),var(--max));max-width:var(--max);min-height:100vh;margin:0 auto;padding:0}
  .sd-demo .hero-copy{position:relative;z-index:3;width:min(620px,52%);padding:0;top:50%;transform:translateY(-38%)}
  .sd-demo .hero-copy.reveal,.sd-demo .hero-copy.reveal.is-visible{transform:translateY(-38%)}
  .sd-demo .hero-media{position:absolute;z-index:0;inset:0;width:100%;height:100vh;min-height:100vh}
  .sd-demo .media-frame{width:100%;height:100%;border:0;border-radius:0;box-shadow:none;transform:none}
  .sd-demo .media-frame video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
  .sd-demo .hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,18,.88) 0%,rgba(7,16,18,.56) 36%,rgba(7,16,18,.08) 72%),linear-gradient(0deg,rgba(7,16,18,.34),rgba(7,16,18,.18));pointer-events:none}
}
@media (max-width:900px){
  .sd-demo .site-header .brand img{filter:none}
  .sd-demo .hero-grid{display:grid}
}

/* Cinematic full-bleed hero: the video becomes the first-screen background. */
@media (min-width:901px){
  .sd-demo .site-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(5,10,12,.84),rgba(5,10,12,.3));border-bottom:1px solid rgba(255,255,255,.12);box-shadow:none;backdrop-filter:blur(9px)}
  .sd-demo .site-header .brand img{filter:brightness(0) invert(1)}
  .sd-demo .site-header .main-nav,.sd-demo .site-header .login-link{color:#f0f5f5}
  .sd-demo .site-header .button-outline{color:#e4fff0;border-color:rgba(141,244,186,.7);background:rgba(10,25,22,.25)}
  .sd-demo .site-header .nav-trigger{color:#f0f5f5}
  .sd-demo .hero{min-height:100vh;padding-top:0;background:#071012}
  .sd-demo .hero-grid{min-height:100vh;grid-template-columns:minmax(500px,.84fr) minmax(600px,1.16fr);padding-top:96px}
  .sd-demo .hero-media{min-height:100vh;height:100vh}
  .sd-demo .hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,18,.55),rgba(7,16,18,.05) 62%),linear-gradient(0deg,rgba(7,16,18,.18),transparent 42%);pointer-events:none}
  .sd-demo .hero-copy{position:relative;z-index:2}
  .sd-demo .hero-lead{color:#d0dcde}
}
@media (max-width:900px){.sd-demo .site-header{position:sticky}.sd-demo .hero{padding-top:0}}

@media (max-width:1200px) and (min-width:1001px){.sd-demo .main-nav{gap:17px}.sd-demo .header-inner{gap:24px}.sd-demo .header-actions{gap:8px}.sd-demo .header-actions .button{padding-left:14px;padding-right:14px}.sd-demo .hero-grid{gap:50px}}
@media (max-width:760px){
  .sd-demo .container{width:min(calc(100% - 36px),var(--max))}
  .sd-demo .site-header,.sd-demo .header-inner{height:66px}
  .sd-demo .header-inner{gap:0}
  .sd-demo .brand img{width:86px}
  .sd-demo .hero{min-height:0}
  .sd-demo .hero-grid{grid-template-columns:1fr;gap:55px;padding:72px 0 82px}
  .sd-demo .hero h1{font-size:clamp(46px,12vw,66px);line-height:1.04;margin-bottom:24px}
  .sd-demo .hero-lead{font-size:16px;line-height:1.8}
  .sd-demo .hero-actions{margin-top:30px}
  .sd-demo .hero-proof{margin-top:38px}
  .sd-demo .media-frame video{aspect-ratio:16/10}
  .sd-demo .section{padding:92px 0}
  .sd-demo .section-heading{margin-bottom:48px}
  .sd-demo .section-heading h2{font-size:clamp(36px,10vw,48px)}
  .sd-demo .platform-section,.sd-demo .pain-section,.sd-demo .workspace-section,.sd-demo .creation-section,.sd-demo .advantage-section{padding-top:92px;padding-bottom:92px}
  .sd-demo .platform-level{min-height:0;padding:29px 27px 28px}
  .sd-demo .platform-level h3{font-size:29px}
  .sd-demo .platform-level p{font-size:13px}
  .sd-demo .scene-card{min-height:245px;padding:27px}
  .sd-demo .scene-card h3{font-size:25px;margin-top:40px}
  .sd-demo .pain-card{min-height:0;padding:28px}
  .sd-demo .pain-card h3{font-size:24px;margin-top:35px}
  .sd-demo .workflow-section{padding-top:92px;padding-bottom:105px}
  .sd-demo .workspace-showcase{gap:16px}
  .sd-demo .showcase-copy{padding:28px 27px 26px}
  .sd-demo .showcase-copy h3{font-size:25px}
  .sd-demo .showcase-card img{height:215px}
  .sd-demo .showcase-main img{height:250px}
  .sd-demo .mode-card{min-height:385px;padding:31px 29px}
  .sd-demo .mode-card h3{font-size:30px;margin-top:57px}
  .sd-demo .advantage-list{gap:0}
  .sd-demo .cta-section{padding:75px 0}
  .sd-demo .footer-main{padding:52px 0 46px}
  .sd-demo .nav-item:nth-child(n)>.mega-menu{left:auto}
}

/* Hero message hierarchy: one direct promise, with the three core actions visible in the first screen. */
.sd-demo .hero h1 span{white-space:normal}
.sd-demo .hero h1{max-width:760px}
.sd-demo .hero-lead{font-size:clamp(18px,1.45vw,22px);font-weight:600;letter-spacing:.01em}
.sd-demo .hero-actions .button-large{min-height:60px;padding:18px 31px;font-size:17px}
.sd-demo .hero-value-strip{position:absolute;left:0;right:0;bottom:0;background:rgba(6,17,18,.72);border-top:1px solid rgba(255,255,255,.16);border-bottom:0;backdrop-filter:blur(16px);z-index:4}
.sd-demo .hero-value-strip .value-card{padding-top:22px;padding-bottom:22px;border-color:rgba(255,255,255,.18)}
.sd-demo .hero-value-strip .value-card h2{color:#fff;font-size:20px;margin-bottom:5px}
.sd-demo .hero-value-strip .value-card p{color:#b8c8ca;max-width:320px}
.sd-demo .hero-value-strip .value-index{color:#68e7a2}
.sd-demo .hero-value-strip .value-arrow{color:#68e7a2}
.sd-demo .hero-value-strip .reveal{opacity:1;transform:none}
@media (min-width:901px){
  .sd-demo .hero-copy{top:46%;transform:translateY(-45%)}
  .sd-demo .hero-copy.reveal,.sd-demo .hero-copy.reveal.is-visible{transform:translateY(-45%)}
  .sd-demo .hero-value-strip .value-grid{width:min(calc(100% - 64px),var(--max));max-width:var(--max)}
}
@media (max-width:900px){
  .sd-demo .hero-value-strip{position:relative;bottom:auto;background:rgba(6,17,18,.96)}
  .sd-demo .hero-value-strip .value-grid{width:min(calc(100% - 36px),var(--max))}
  .sd-demo .hero-value-strip .value-card,.sd-demo .hero-value-strip .value-card+.value-card{padding:20px 0;border-color:rgba(255,255,255,.15)}
  .sd-demo .hero-value-strip .value-card:last-child{border-bottom:0}
  .sd-demo .hero-copy{top:auto;transform:none}
  .sd-demo .hero-copy.reveal,.sd-demo .hero-copy.reveal.is-visible{transform:none}
}

/* Final hero layout override: full video background, original-color logo, icon chevrons. */
.sd-demo .site-header{border-bottom:0}
.sd-demo .media-frame video{object-fit:contain;background:#071012}
@media (min-width:901px){
  .sd-demo .site-header .brand{padding:6px 12px;border-radius:999px;background:#fff}
  .sd-demo .site-header .brand img{filter:none;width:92px}
  .sd-demo .hero-grid{display:block;width:min(calc(100% - 64px),var(--max));max-width:var(--max);min-height:100vh;margin:0 auto;padding:0}
  .sd-demo .hero-copy{position:relative;z-index:3;width:min(620px,52%);padding:0;top:50%;transform:translateY(-38%)}
  .sd-demo .hero-copy.reveal,.sd-demo .hero-copy.reveal.is-visible{transform:translateY(-38%)}
  .sd-demo .hero-media{position:absolute;z-index:0;inset:0;width:100%;height:100vh;min-height:100vh}
  .sd-demo .media-frame{width:100%;height:100%;border:0;border-radius:0;box-shadow:none;transform:none}
  .sd-demo .media-frame video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
  .sd-demo .hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,18,.62) 0%,rgba(7,16,18,.28) 36%,rgba(7,16,18,.03) 74%),linear-gradient(0deg,rgba(7,16,18,.28),rgba(7,16,18,.08));pointer-events:none}
  .sd-demo .hero:after{background:transparent}
}

/* Keep the complete video frame visible at every aspect ratio. */
.sd-demo .media-frame video{object-fit:cover!important;background:#071012}
@media (min-width:901px){
  .sd-demo .hero-grid{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:0}
  .sd-demo .hero-copy{margin-left:max(32px,calc((100vw - var(--max))/2))}
  .sd-demo .hero-media{inset:0;width:100vw}
}
.sd-demo .site-header .brand{padding:0!important;border-radius:0!important;background:transparent!important}
.sd-demo .site-header .brand img{filter:brightness(0) invert(1)!important}
@media (max-width:900px){
  .sd-demo .site-header{position:absolute;top:0;left:0;right:0;height:64px;background:linear-gradient(180deg,rgba(5,10,12,.82),rgba(5,10,12,.08));border:0;box-shadow:none}
  .sd-demo .header-inner{height:64px;display:flex;justify-content:space-between;gap:8px;padding:0 18px}
  .sd-demo .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;border-radius:10px;background:rgba(255,255,255,.1)}
  .sd-demo .menu-toggle span{width:19px;background:#fff}
  .sd-demo .main-nav{position:absolute;left:18px;right:18px;top:58px;display:none;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 84px);overflow:auto;padding:8px 18px;border:1px solid rgba(14,29,25,.1);border-radius:16px;background:#fff;color:#253034;box-shadow:0 20px 55px rgba(0,0,0,.24)}
  .sd-demo .main-nav.open{display:flex}
  .sd-demo .main-nav>a{padding:13px 0;color:#253034}
  .sd-demo .main-nav .nav-trigger{height:auto;width:100%;justify-content:space-between;padding:13px 0;color:#253034}
  .sd-demo .main-nav .nav-item{height:auto;display:block}
  .sd-demo .main-nav .mega-menu{position:static;width:auto;display:none;grid-template-columns:1fr!important;padding:9px 14px 12px;border:0;border-radius:12px;box-shadow:none;background:#f4f7f6;opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .sd-demo .main-nav .nav-item.open>.mega-menu{display:grid}
  .sd-demo .main-nav .mega-column{padding:0!important}
  .sd-demo .main-nav .mega-column+.mega-column{border-left:0;border-top:1px solid #e0e7e7;padding-top:14px!important;margin-top:8px}
  .sd-demo .main-nav .mega-column h3{margin:0 0 8px;font-size:12px}
  .sd-demo .main-nav .mega-link{height:38px!important;font-size:13px!important}
  .sd-demo .main-nav .mega-link img{width:20px;height:20px}
  .sd-demo .main-nav .nav-item:hover>.mega-menu,.sd-demo .main-nav .nav-item:focus-within>.mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .sd-demo .header-actions{margin-left:0;margin-right:0}
  .sd-demo .header-actions .login-link,.sd-demo .header-actions .button-outline{display:none}
  .sd-demo .header-actions .button{min-height:36px;padding:8px 13px;font-size:12px}
}

/* Homepage hero refinement: keep the promise readable and the capability bar restrained. */
@media (min-width:901px){
  .sd-demo .hero-copy{width:min(820px,72vw);max-width:none;margin-left:max(32px,calc((100vw - var(--max))/2))}
  .sd-demo .hero h1{max-width:none;white-space:nowrap;font-size:clamp(48px,5vw,76px);letter-spacing:-.07em}
}
.sd-demo .hero-value-strip{background:rgba(5,14,16,.86);border-top:1px solid rgba(255,255,255,.2);backdrop-filter:none}
.sd-demo .hero-value-strip .value-grid{align-items:stretch}
.sd-demo .hero-value-strip .value-card{grid-template-columns:auto 1fr;gap:16px;padding-right:30px}
.sd-demo .hero-value-strip .value-card+.value-card{padding-left:30px}
.sd-demo .hero-value-strip .value-card h2{font-size:18px;letter-spacing:-.02em}
.sd-demo .hero-value-strip .value-card p{max-width:none;white-space:nowrap;font-size:12px;line-height:1.55;color:#aebfc1}
.sd-demo .hero-value-strip .value-arrow{display:none}
.sd-demo .hero-value-strip .value-index{font-size:11px;padding-top:3px;color:#54d892}
@media (max-width:1100px) and (min-width:901px){
  .sd-demo .hero h1{font-size:clamp(43px,4.9vw,64px)}
  .sd-demo .hero-value-strip .value-card p{font-size:11px}
}
@media (max-width:760px){
  .sd-demo .hero h1{white-space:normal}
  .sd-demo .hero-value-strip .value-card p{white-space:normal}
}