/* Storixa capability pages — benefit-led, accessible liquid glass system. */
html{scroll-padding-top:120px}
.detail-header{z-index:100}
.detail-header .desktop-nav{gap:clamp(18px,2.6vw,38px)}
.detail-header .nav-details>summary,.detail-header .desktop-nav>a{font-size:14px}
.detail-header .btn-header{color:#fff!important}
.capability-page{--c:#3f4a3c;--c-light:#f5f8f5;--c-rgb:40,91,250;background:#fcfdfb;color:var(--detail-ink);isolation:isolate;overflow:hidden;position:relative}
.detail-ambient{position:absolute;pointer-events:none;inset:0 auto auto 0;height:1060px;width:100%;background:radial-gradient(ellipse 45% 55% at 90% 35%,rgba(var(--c-rgb),.12),transparent 77%),radial-gradient(ellipse 38% 60% at 0 16%,rgba(63,74,60,.12),transparent 75%),linear-gradient(180deg,#fcfdfb,#fff);z-index:-1}
.detail-shell{position:relative}
.detail-breadcrumb{display:flex;align-items:center;gap:12px;color:#84a77b;font-size:13px;padding:30px 0 26px}
.detail-breadcrumb a:hover{color:var(--c)}.detail-breadcrumb strong{font-weight:700;color:#435f3d}
.detail-hero{display:grid;grid-template-columns:47% 53%;gap:12px;align-items:center;min-height:710px;padding-bottom:90px}
.detail-hero-copy{padding:0 30px 0 0;position:relative;z-index:2;max-width:700px}
.detail-eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:.15em;font-size:11px;color:var(--c);font-weight:800}
.detail-eyebrow-icon{display:grid;place-items:center;height:34px;width:34px;background:var(--c-light);border:1px solid rgba(var(--c-rgb),.15);border-radius:12px}.detail-eyebrow-icon .icon{height:18px;width:18px}
.detail-hero-copy h1{font-size:clamp(51px,5.2vw,92px);font-weight:800;line-height:.99;letter-spacing:-.072em;margin:30px 0 24px;color:#2e3829}
.detail-lead{font-size:clamp(16px,1.24vw,20px);line-height:1.65;color:#618359;max-width:620px;margin-bottom:25px}
.detail-chips{display:flex;flex-wrap:wrap;gap:9px;max-width:620px}
.detail-chips span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.76);border:1px solid #eaf1e8;border-radius:100px;padding:8px 11px;color:#4f7047;font-size:12px;font-weight:700;box-shadow:0 7px 18px rgba(88,124,80,.05)}
.detail-chips .icon{height:13px;width:13px;color:var(--c)}
.detail-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:31px}
.liquid-detail-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:55px;border-radius:999px;padding:14px 21px;font-size:14px;font-weight:700;position:relative;isolation:isolate;transition:transform .22s,box-shadow .22s,background .22s}
.liquid-detail-btn:hover{transform:translateY(-2px)}
.detail-primary{color:white!important;background:var(--blue);border:1px solid #dae6d7;box-shadow:0 17px 35px rgba(63,74,60,.22),inset 0 1px 2px #ffffff85}
.detail-primary:hover{box-shadow:0 22px 38px rgba(63,74,60,.31)}
.detail-secondary{color:var(--secondary-fg);background:#fff;border:1px solid #fff;box-shadow:0 12px 32px #669d581a,inset 0 2px 1px #fff}
.detail-primary .icon{width:18px;height:18px}
.detail-disclaimer{display:flex;align-items:center;gap:7px;color:#8aa983;font-size:11px;line-height:1.4;margin:18px 0 0}
.detail-disclaimer span{font-size:18px;color:var(--c)}
.detail-visual{height:616px;position:relative;min-width:0;isolation:isolate;border-radius:40px;display:flex;align-items:center;justify-content:center;}
.detail-photo{position:absolute;inset:30px -30px 0 28px;z-index:-2;border-radius:48px;background-image:var(--detail-image);background-size:cover;background-position:center center;box-shadow:0 35px 88px rgba(46,56,41,.16);}
.visual-wash{position:absolute;inset:30px -30px 0 28px;z-index:-1;border-radius:48px;background:linear-gradient(90deg,rgba(247,250,246,.34),rgba(248,250,247,.07)),linear-gradient(0deg,rgba(246,249,246,.58),transparent 62%)}
.detail-dashboard{position:relative;width:min(95%,600px);transform:translate(6px,25px) rotate(-1.5deg);border:1px solid rgba(255,255,255,.93);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 36px 70px rgba(46,56,41,.24),inset 0 1px 2px #fff;overflow:hidden}
.dashboard-head{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 20px;border-bottom:1px solid #eef3ed;background:rgba(252,253,251,.82)}
.dashboard-dots{display:flex;gap:6px}.dashboard-dots i{height:8px;width:8px;border-radius:50%;background:#f6a9ae}.dashboard-dots i:nth-child(2){background:#e8c77f}.dashboard-dots i:nth-child(3){background:#87d6b5}
.dashboard-brand{display:flex;gap:5px;align-items:center;font-size:15px;font-weight:800;letter-spacing:-.04em;color:#263123}.dashboard-brand .icon{width:15px;height:15px;color:var(--c)}
.dashboard-demo-dot{letter-spacing:.15em;font-size:9px;color:#a0bc99;font-weight:800}
.dashboard-body{padding:26px 28px 25px}.dash-kicker{font-size:11px;color:var(--c);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.dashboard-body h2{font-size:29px;letter-spacing:-.045em;line-height:1.12;margin:8px 0 20px}
.dashboard-rows{border-radius:17px;overflow:hidden;border:1px solid #eff4ed;background:#ffffffb0}
.dash-row{min-height:59px;display:flex;gap:11px;align-items:center;padding:11px 14px;border-bottom:1px solid #f0f4ef}
.dash-row:last-child{border-bottom:0}.dash-row-icon{height:30px;width:30px;flex:0 0 30px;display:grid;place-items:center;background:var(--c-light);color:var(--c);border-radius:9px;font-size:17px;font-weight:700}
.dash-row-name{flex:1;font-size:12px;font-weight:700;color:#56774e}.dash-row-value{font-size:11px;font-weight:700;text-align:right;color:#3e5838;max-width:50%}
.dashboard-foot{display:flex;align-items:center;gap:7px;padding-top:17px;color:#93b18c;font-size:10px}.live-dot{height:7px;width:7px;border-radius:50%;background:#4dbf91}
.detail-float{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:#ffffffd9;border:1px solid #fff;border-radius:19px;padding:14px 18px;box-shadow:0 19px 38px #3d553721;max-width:330px}
.detail-float-top{top:2px;right:-13px;transform:rotate(4deg)}.detail-float span:last-child{display:flex;flex-direction:column;gap:5px}.detail-float strong{font-size:10px;letter-spacing:.12em;color:#84a97b}.detail-float small{font-size:16px;font-weight:800;color:#2e3829}
.tiny-icon{height:36px;width:36px;display:grid;place-items:center;border-radius:12px;color:var(--c);background:var(--c-light)}.tiny-icon .icon{width:20px;height:20px}
.detail-mini-insight{position:absolute;bottom:3px;left:-25px;max-width:300px;display:flex;align-items:center;gap:11px;background:#ffffffde;border:1px solid #fff;border-radius:16px;padding:15px 18px;color:#4c6b45;font-size:12px;font-weight:700;line-height:1.35;box-shadow:0 12px 30px #4d6d452b;transform:rotate(2deg)}.insight-sparkle{color:var(--c);font-size:21px}
/* Sections */
.experience-section{padding:120px 0;background:linear-gradient(180deg,var(--surface-tint),#fbfcfb)}
.section-intro h2,.faq-layout h2{font-size:clamp(40px,4.7vw,67px);line-height:1.075;letter-spacing:-.064em;margin:15px 0 0;color:#20291d}
.section-intro h2 em,.faq-layout h2 em{font-style:normal;color:var(--c)}
.section-eyebrow{font-size:11px;color:var(--c);letter-spacing:.18em;font-weight:800}
.split-intro{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:60px;margin-bottom:35px}.split-intro>p,.section-intro>p{font-size:17px;line-height:1.65;color:#6b8a63;max-width:540px;margin:0}
.experience-workbench{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;border-radius:30px;overflow:hidden}
.experience-step-nav{display:flex;flex-direction:column;gap:10px}
.experience-step-nav button{display:flex;text-align:left;align-items:center;gap:16px;flex:1;min-height:106px;padding:16px 20px;border:1px solid #e7efe5;background:#fff;border-radius:19px;transition:border-color .25s,background .25s,transform .25s}
.experience-step-nav button:hover{transform:translateX(3px)}
.experience-step-nav button[aria-selected=true]{background:linear-gradient(110deg,var(--c-light),#fff);border-color:rgba(var(--c-rgb),.38);box-shadow:0 10px 28px rgba(var(--c-rgb),.08)}
.step-number{height:44px;width:44px;display:grid;place-items:center;background:var(--surface-tint);color:var(--muted);flex:none;font-size:12px;font-weight:800;border-radius:12px}
[aria-selected=true] .step-number{background:var(--c);color:white}
.experience-step-nav button span:nth-child(2){flex:1}.experience-step-nav strong{display:block;font-size:15px;letter-spacing:-.02em;color:#2b3828;margin-bottom:5px}.experience-step-nav small{display:block;color:var(--muted);line-height:1.45;font-size:12px}.step-direction{font-size:18px;color:var(--muted)}
.experience-stage{min-height:465px;border:1px solid #e9f0e8;border-radius:27px;background:radial-gradient(circle at 80% 20%,rgba(var(--c-rgb),.16),transparent 40%),linear-gradient(140deg,#fff,#fbfcfb);box-shadow:0 25px 52px #62975512;padding:28px 34px;position:relative;overflow:hidden}
.experience-state{animation:stage-appear .3s ease both}.state-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.state-tag{font-size:11px;color:var(--c);font-weight:800;letter-spacing:.12em}.state-signal{color:#7ba172;font-size:11px}.state-signal span{display:inline-block;height:7px;width:7px;margin-right:5px;border-radius:50%;background:#27c194}
.state-illustration{height:170px;display:grid;place-items:center;position:relative;overflow:hidden}.state-big-icon{position:relative;z-index:2;display:grid;place-items:center;height:100px;width:100px;border:1px solid rgba(var(--c-rgb),.35);border-radius:28px;color:var(--c);font-size:62px;line-height:1;background:#ffffffa6;box-shadow:0 23px 40px rgba(var(--c-rgb),.12),inset 0 2px 2px #fff}.state-orbit{position:absolute;border:1px solid rgba(var(--c-rgb),.2);border-radius:50%;width:300px;height:125px;transform:rotate(-20deg)}.orbit-two{transform:rotate(27deg);width:330px;height:135px}.state-path{position:absolute;height:5px;width:400px;background:linear-gradient(90deg,transparent,rgba(var(--c-rgb),.22),transparent)}
.experience-state h3{font-size:28px;letter-spacing:-.04em;margin:8px 0 8px}.experience-state>p{font-size:14px;line-height:1.6;color:#719468;min-height:44px;margin:0}
.state-evidence{display:flex;align-items:center;gap:13px;margin-top:20px;padding:15px;background:#fff;border:1px solid #eaf1e8;border-radius:17px}.state-evidence-icon{color:var(--c);background:var(--c-light);border-radius:10px;padding:10px;display:grid;place-items:center}.state-evidence-icon .icon{width:18px;height:18px}.state-evidence span:last-child{display:grid;gap:4px}.state-evidence small{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:800}.state-evidence strong{font-size:13px;line-height:1.45;color:#3d5537}
.experience-footnote{color:#91b189;font-size:11px;text-align:right;margin:18px 4px 0}
.feature-detail-section{padding:120px 0;background:#fff}
.center-intro{text-align:center;max-width:750px;margin:0 auto 44px}.center-intro p{margin:20px auto 0;max-width:720px}
.detail-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.detail-feature{padding:28px 27px;border:1px solid #ebf1ea;border-radius:24px;position:relative;background:linear-gradient(160deg,#fff,#fafcff);box-shadow:0 12px 32px #4b6a4408;transition:transform .3s,box-shadow .3s}.detail-feature:hover{transform:translateY(-5px);box-shadow:0 22px 36px #4b6a4418}.detail-feature h3{font-size:21px;letter-spacing:-.035em;margin-bottom:11px}.detail-feature p{font-size:14px;color:#6d8d65;line-height:1.62;margin:0}
.why-section{background:#fff;padding:0 0 120px}.why-panel{background:radial-gradient(circle at 80% 50%,rgba(var(--c-rgb),.22),transparent 40%),linear-gradient(115deg,#2e3829,#2e3829);border-radius:33px;color:#fff;padding:56px 62px;display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:center;box-shadow:0 30px 60px #2e3b2b18;overflow:hidden}
.why-copy .section-eyebrow{color:#cddfc9}.why-copy h2{font-size:clamp(37px,3.4vw,57px);line-height:1.07;letter-spacing:-.055em;margin:18px 0}.why-copy p{font-size:15px;line-height:1.65;color:#c8dcc3;max-width:535px}.why-copy .detail-primary{margin-top:16px}
.why-list{display:grid;gap:11px}.why-list>div{min-height:90px;display:flex;align-items:center;gap:18px;border:1px solid var(--line-on-dark);background:#ffffff13;border-radius:18px;padding:20px}.why-list>div span{font-size:12px;color:#cddfc8;font-weight:700}.why-list>div strong{flex:1;line-height:1.4;font-size:17px;letter-spacing:-.025em}.why-list>div .icon{height:19px;width:19px;color:#8deec5}
.faq-section{background:linear-gradient(180deg,#fafcfa,#f6f9f5);padding:106px 0}.faq-layout{display:grid;grid-template-columns:.72fr 1fr;gap:80px}.faq-layout>div:first-child>p{color:#719468;font-size:16px;line-height:1.6;max-width:360px;margin-top:18px}
.faq-items{display:grid;gap:12px}.faq-items details{background:#fff;border:1px solid #e9f0e8;border-radius:17px;padding:0 20px;box-shadow:0 8px 19px #2e3b2b10}.faq-items summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:22px;list-style:none;min-height:74px;font-size:16px;font-weight:700;color:#2e3b2b;line-height:1.5}.faq-items summary::-webkit-details-marker{display:none}.faq-items p{font-size:14px;line-height:1.65;color:var(--muted);margin:0;padding:0 28px 19px 0}.faq-plus{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--surface-tint);color:var(--c);font-size:22px;font-weight:400}.faq-items details[open] .faq-plus{transform:rotate(45deg)}
.next-section{padding:115px 0;background:#fff}.next-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.next-heading h2{font-size:clamp(34px,3.2vw,54px);letter-spacing:-.055em;margin:13px 0 0}.next-heading a{display:inline-flex;align-items:center;gap:10px;color:var(--c);font-size:14px;font-weight:800}.next-heading a .icon{height:17px;width:17px}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.related-card{min-height:245px;position:relative;overflow:hidden;isolation:isolate;border-radius:28px;border:1px solid #e9f0e8;padding:38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;transition:transform .3s,box-shadow .3s}.related-photo{position:absolute;inset:0;z-index:-2;background-image:var(--related-photo);background-size:cover;background-position:center;transition:transform .45s}.related-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 5%,#fffef4da 40%,#fff3 100%)}.related-card>span:first-of-type{font-size:10px;font-weight:800;letter-spacing:.16em;color:#639956}.related-card h3{max-width:310px;font-size:31px;line-height:1.1;letter-spacing:-.045em;margin:15px 0 0}.related-arrow{position:absolute;right:23px;top:23px;border-radius:50%;height:48px;width:48px;border:1px solid #fff;background:#ffffffe9;box-shadow:0 12px 28px #2e3b2b1a;display:grid;place-items:center;color:#5e8555;font-size:25px}.related-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px #4e6e4624}.related-card:hover .related-photo{transform:scale(1.06)}
.detail-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 0 50px;border-top:1px solid #ecf2eb;color:#799c71;font-size:12px}.footer-brand{font-size:25px;font-weight:800;letter-spacing:-.055em;color:#253022;display:flex;align-items:center;gap:9px}.footer-orb{width:31px;height:31px;border-radius:10px;background:transparent;display:grid;place-items:center;color:#fff;font-size:19px}
@keyframes stage-appear{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1280px){.detail-hero-copy h1{font-size:clamp(51px,5.1vw,76px)}.detail-hero{grid-template-columns:46% 54%}.detail-photo,.visual-wash{right:-12px}.detail-float-top{right:1px}.detail-dashboard{width:96%}}
@media(max-width:1100px){.detail-hero{display:flex;flex-direction:column;gap:22px;align-items:stretch;padding-bottom:65px}.detail-hero-copy{max-width:800px;padding:0}.detail-hero-copy h1{font-size:clamp(52px,8vw,88px)}.detail-visual{height:565px;max-width:850px;width:100%;margin:0 auto}.detail-photo,.visual-wash{inset:25px 5px 18px 5px}.detail-dashboard{width:min(80%,620px)}.detail-float-top{right:18px}.detail-mini-insight{left:18px}.split-intro{gap:35px}.detail-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-panel{padding:45px 40px;gap:30px}.faq-layout{gap:42px}}
@media(max-width:700px){.detail-breadcrumb{padding:24px 0 18px;gap:8px;font-size:11px}.detail-hero-copy h1{font-size:clamp(45px,10vw,63px);margin:20px 0}.detail-lead{font-size:16px;line-height:1.55}.detail-actions{gap:9px;margin-top:24px}.liquid-detail-btn{font-size:12px;min-height:49px;padding:12px 15px}.detail-visual{height:430px}.detail-dashboard{width:90%;transform:translate(0,20px) rotate(-.9deg)}.dashboard-body{padding:16px}.dashboard-body h2{font-size:22px;margin:8px 0 12px}.dash-row{min-height:45px;padding:7px}.dash-row-icon{height:27px;width:27px;flex-basis:27px}.dash-row-name,.dash-row-value{font-size:10px}.dashboard-head{height:42px;padding:0 14px}.detail-float{padding:9px 12px}.detail-float-top{right:10px;top:0}.detail-float small{font-size:12px}.detail-float strong{font-size:8px}.tiny-icon{height:28px;width:28px}.detail-mini-insight{bottom:0;left:5px;font-size:10px;max-width:220px;padding:12px}.detail-photo,.visual-wash{border-radius:30px}.experience-section,.feature-detail-section,.faq-section,.next-section{padding:76px 0}.section-intro h2,.faq-layout h2{font-size:clamp(37px,8vw,50px)}.split-intro{display:block}.split-intro>p{margin:16px 0 0;font-size:15px}.experience-workbench{display:block}.experience-step-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px}.experience-step-nav button{display:flex;align-items:flex-start;flex-direction:column;min-height:128px;padding:13px;gap:8px}.step-number{height:34px;width:34px;font-size:11px}.experience-step-nav button strong{font-size:12px;margin-bottom:3px}.experience-step-nav button small{font-size:10px}.step-direction{display:none}.experience-stage{padding:20px;border-radius:21px;min-height:450px}.experience-state h3{font-size:25px}.detail-features-grid{grid-template-columns:1fr}.detail-feature{min-height:0;padding:26px}.center-intro p{font-size:15px}.why-section{padding-bottom:75px}.why-panel{display:block;padding:32px 25px;border-radius:24px}.why-copy h2{font-size:39px}.why-copy p{font-size:14px}.why-list{margin-top:28px}.why-list>div{min-height:72px;padding:14px}.why-list>div strong{font-size:14px}.faq-layout{display:block}.faq-items{margin-top:29px}.faq-items summary{font-size:14px;min-height:65px}.faq-items p{font-size:13px}.next-heading{display:block}.next-heading a{margin-top:15px}.related-grid{grid-template-columns:1fr}.related-card{min-height:205px;padding:28px}.related-card h3{font-size:27px}.detail-footer{align-items:flex-start;flex-direction:column;padding:25px 0 35px}.detail-footer>span{font-size:12px}}
@media(max-width:380px){.detail-visual{height:410px}.detail-dashboard{width:94%}.detail-actions .detail-primary{width:100%}.experience-step-nav button{min-height:140px}.detail-chip{font-size:11px}.detail-chips span{font-size:11px;padding:7px}.detail-mini-insight{max-width:200px}}
@media(prefers-reduced-motion:reduce){.experience-state{animation:none}.liquid-detail-btn,.detail-feature,.related-card,.related-photo,.experience-step-nav button{transition:none}}

.footer-orb .storixa-brand-icon{width:31px;height:31px}