@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');

:root{--navy:#101426;--navy-2:#171b31;--ink:#2d3146;--blue:#3da8e3;--blue-2:#8bd5f4;--paper:#f6f8fb;--white:#fff;--muted:#6f7788;--line:rgba(45,49,70,.13);--shell:min(1320px,calc(100vw - 80px));--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#fff;font-family:'DM Sans',system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--blue);color:#fff}.shell{width:var(--shell);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:#fff;color:var(--ink);padding:12px 18px;border-radius:999px;transition:top .2s}.skip-link:focus{top:16px}
.site-header{position:fixed;z-index:50;top:18px;left:50%;width:min(1380px,calc(100vw - 36px));height:64px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 20px;border:1px solid transparent;border-radius:18px;transition:background .4s,border .4s,box-shadow .4s,top .4s}.site-header.scrolled{top:10px;background:rgba(7,17,38,.73);border-color:rgba(255,255,255,.1);backdrop-filter:blur(20px);box-shadow:0 12px 45px rgba(0,0,0,.18)}.brand{display:flex;align-items:center;gap:11px;font-weight:600;font-size:20px;letter-spacing:-.04em}.brand-mark{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.35}.site-nav{display:flex;align-items:center;gap:34px;font-size:14px}.site-nav>a:not(.nav-cta){color:rgba(255,255,255,.7);transition:color .25s}.site-nav>a:hover{color:#fff}.nav-cta{background:#fff;color:var(--ink);padding:13px 18px;border-radius:12px;font-weight:600}.nav-cta span{margin-left:10px}.menu-toggle{display:none;background:none;border:0;color:white;width:44px;height:44px;position:relative}.menu-toggle i{position:absolute;width:20px;height:1px;background:currentColor;left:12px;top:18px;transition:.3s}.menu-toggle i+ i{top:25px}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 78% 35%,#102856 0,transparent 30%),linear-gradient(135deg,#071126 0%,#09152d 60%,#040914 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.hero-orbit{position:absolute;border:1px solid rgba(78,128,255,.15);border-radius:50%;width:62vw;height:62vw;right:-25vw;top:-20vw}.orbit-two{width:42vw;height:42vw;right:-7vw;top:19vh;border-color:rgba(255,255,255,.08)}.hero-content{position:relative;z-index:2;padding-top:110px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:600;color:rgba(255,255,255,.56)}.eyebrow.dark{color:#566076}.hero-title,.display{font-family:'Manrope',sans-serif;letter-spacing:-.065em;font-weight:500;margin:28px 0 0;line-height:.9}.hero-title{font-size:clamp(66px,9.2vw,144px);max-width:1100px}.hero-title .line{display:block;overflow:hidden;padding-bottom:.08em}.hero-title .line>span{display:block;transform:translateY(110%);animation:titleIn 1.05s var(--ease) forwards}.hero-title .line:nth-child(2)>span{animation-delay:.1s}.hero-title .line:nth-child(3)>span{animation-delay:.2s}.accent-line{color:#6090ff}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:48px;padding-left:27%;gap:40px}.hero-bottom>p{max-width:540px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.68);margin:0}.hero-actions{display:flex;align-items:center;gap:26px;white-space:nowrap}.button{display:inline-flex;align-items:center;gap:28px;padding:16px 20px;border-radius:13px;font-weight:600;font-size:14px}.button-light{background:#fff;color:var(--ink)}.text-link{font-size:14px;color:rgba(255,255,255,.72)}.text-link span{margin-left:8px}.connection-field{position:absolute;z-index:1;inset:auto 0 -10% 0;height:52%;opacity:.55}.connection-field svg{width:100%;height:100%}.paths path{fill:none;stroke:#447ef2;stroke-width:1;stroke-dasharray:6 8;animation:dash 28s linear infinite}.paths path:nth-child(2){opacity:.55;animation-duration:36s}.paths path:nth-child(3){opacity:.32;animation-direction:reverse}.nodes circle{fill:#80a7ff;filter:drop-shadow(0 0 8px #3472ff)}.scroll-cue{position:absolute;right:38px;bottom:35px;width:1px;height:75px;background:rgba(255,255,255,.15)}.scroll-cue span{display:block;width:1px;height:25px;background:white;animation:scrollCue 2s ease-in-out infinite}
.problem,.capabilities,.about{background:var(--paper);color:var(--ink)}.problem{padding:130px 0 170px}.section-intro{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.section-intro p{margin:0}.intro-index{font-size:12px;color:#7c8492}.problem-opening{display:grid;grid-template-columns:1fr .38fr;gap:70px;align-items:end;padding:95px 0 105px}.display{font-size:clamp(54px,7.4vw,112px)}.display.dark{color:var(--ink)}.lead{font-size:clamp(18px,1.55vw,23px);line-height:1.55;color:#5b6475;margin:0 0 10px}.system-composition{height:600px;border:1px solid var(--line);border-radius:32px;position:relative;background:rgba(255,255,255,.46);overflow:hidden}.system-composition:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(8,19,41,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,19,41,.035) 1px,transparent 1px);background-size:44px 44px}.system-lines{position:absolute;inset:0;width:100%;height:100%}.system-lines path{fill:none;stroke:#b7c0d1;stroke-width:1.4;stroke-dasharray:5 8}.system-node{position:absolute;width:170px;padding:20px;border:1px solid #d9deea;border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 16px 35px rgba(20,36,70,.06);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.system-node span{display:block;color:#9aa2b1;font-size:10px;margin-bottom:28px}.node-strategy{left:5%;top:10%}.node-process{left:5%;bottom:10%}.node-tech{left:36%;top:39%}.node-people{right:5%;top:10%}.node-knowledge{right:5%;bottom:10%}.node-data{right:26%;top:39%}.system-core{position:absolute;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--ink);color:white;box-shadow:0 25px 70px rgba(7,17,38,.22);font-size:14px}.system-core i{position:absolute;inset:-14px;border:1px solid rgba(36,107,253,.35);border-radius:50%;animation:pulse 3s ease-in-out infinite}.problem-payoff{display:grid;grid-template-columns:.3fr 1fr;gap:40px;margin-top:160px}.problem-payoff .display{grid-column:1/-1;margin-top:40px}.underlined{position:relative}.underlined:after{content:"";position:absolute;height:7px;background:var(--blue);left:0;right:0;bottom:-4px;border-radius:10px;transform:scaleX(.7);transform-origin:left}.payoff-copy{grid-column:2;max-width:730px;display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:35px;color:#60697a;line-height:1.65;font-size:17px}.payoff-copy p{margin:0}.payoff-line{color:var(--ink)!important}
.capabilities{padding:140px 0 180px}.cap-heading{display:grid;grid-template-columns:1fr .35fr;align-items:end;gap:80px;padding:85px 0 110px}.cap-list{border-top:1px solid var(--line)}.cap-row{position:relative;display:grid;grid-template-columns:70px 1.1fr .8fr 1fr 40px;gap:32px;align-items:start;padding:42px 6px;border-bottom:1px solid var(--line);transition:background .4s,padding .4s}.cap-row:hover{background:#fff;padding-left:24px;padding-right:24px}.cap-number{font-size:12px;color:#778091}.cap-row h3{font-family:'Manrope';letter-spacing:-.045em;font-size:clamp(30px,3vw,49px);font-weight:500;margin:0}.cap-row>p{color:#515b6d;margin:9px 0;font-size:16px}.cap-row ul{list-style:none;padding:0;margin:6px 0;color:#7b8391;font-size:13px;line-height:1.8}.cap-arrow{font-size:20px;transition:transform .3s}.cap-row:hover .cap-arrow{transform:translate(4px,-4px)}
.octozy-reveal{position:relative;min-height:125svh;background:#030712;display:flex;align-items:center;text-align:center;overflow:hidden}.octozy-reveal:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(95,144,255,.12) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,black,transparent 70%)}.reveal-glow{position:absolute;width:60vw;height:60vw;background:#17469f;border-radius:50%;filter:blur(160px);opacity:.22;left:20%;bottom:-45vw}.octozy-reveal-inner{position:relative;padding:130px 0}.reveal-kicker,.reveal-bridge{color:#8a94a8;font-size:15px;line-height:1.6}.fragmented-copy{height:150px;position:relative;margin:80px 0 110px;color:#bcc4d2;font-size:clamp(20px,2.3vw,34px);letter-spacing:-.03em}.fragmented-copy span{position:absolute}.fragmented-copy span:nth-child(1){left:4%;top:0}.fragmented-copy span:nth-child(2){left:43%;top:52%}.fragmented-copy span:nth-child(3){right:2%;top:4%}.reveal-bridge{margin-bottom:120px}.octozy-wordmark span{display:block;text-transform:uppercase;letter-spacing:.28em;color:#6f7a8e;font-size:10px;margin-bottom:24px}.octozy-wordmark h2{font-family:'Manrope';font-size:clamp(80px,17vw,250px);letter-spacing:-.075em;line-height:.75;margin:0;color:#eef4ff;text-shadow:0 0 80px rgba(64,115,255,.25)}
.product{background:#050a16;padding:160px 0 190px;overflow:hidden}.product-copy{display:grid;grid-template-columns:1fr .35fr;gap:80px;align-items:end}.product-copy .display{font-size:clamp(58px,7.5vw,110px)}.product-copy .display span{color:#6f9cff}.product-lead{font-size:19px;line-height:1.6;color:#8d98ad;margin:0 0 8px}.interface-wrap{width:min(1500px,calc(100vw - 56px));margin:110px auto 0;perspective:1800px}.interface{height:min(780px,70vw);min-height:560px;display:grid;grid-template-columns:210px 1fr;background:#f8f9fc;color:#111b2f;border-radius:24px;border:1px solid rgba(255,255,255,.18);overflow:hidden;box-shadow:0 80px 160px rgba(0,0,0,.55),0 0 100px rgba(36,107,253,.13);transform:rotateX(2deg);transform-origin:center bottom}.app-sidebar{background:#0b1427;color:#aab5c7;padding:22px 16px;display:flex;flex-direction:column}.app-brand{display:flex;align-items:center;gap:10px;color:#fff;padding:0 6px 32px}.mini-mark{display:grid;place-items:center;width:29px;height:29px;background:#286df8;border-radius:9px;font-size:11px}.app-sidebar nav{display:flex;flex-direction:column;gap:6px}.app-sidebar nav a{padding:11px 12px;border-radius:9px;font-size:12px}.app-sidebar nav a i{display:inline-block;width:26px;font-style:normal;color:#6f7f99}.app-sidebar nav a.active{background:#17243d;color:#fff}.app-user{margin-top:auto;border-top:1px solid #202c41;padding:18px 4px 2px;display:flex;gap:9px;align-items:center}.app-user>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#33415b;color:white;font-size:10px}.app-user strong,.app-user small{display:block;font-size:10px}.app-user small{font-size:8px;color:#687690;margin-top:2px}.app-main{min-width:0}.app-topbar{height:90px;border-bottom:1px solid #e7e9ef;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:white}.app-topbar small{color:#8b93a2;font-size:9px}.app-topbar h3{font-size:18px;margin:4px 0 0}.top-actions{display:flex;gap:8px}.top-actions button{border:1px solid #e0e3ea;background:white;border-radius:9px;padding:9px 12px;color:#4d5667;font-size:10px}.top-actions button:last-child{background:#1d65f1;color:white;border-color:#1d65f1}.app-layout{display:grid;grid-template-columns:1fr 260px;height:calc(100% - 90px)}.app-canvas{padding:24px;background:#f5f6f9}.canvas-head{display:flex;justify-content:space-between;font-size:10px;color:#536075}.canvas-head small{color:#9ca4b2}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#34bc77;margin-right:5px}.org-map{height:calc(100% - 30px);display:grid;place-items:center}.org-map svg{width:100%;height:100%}.map-lines path{fill:none;stroke:url(#lineFade);stroke-width:1.5;opacity:.55}.map-nodes rect{fill:white;stroke:#dfe4ed;filter:drop-shadow(0 8px 8px rgba(30,50,90,.06))}.map-nodes text{text-anchor:middle;font-size:9px;font-weight:600;fill:#273449;letter-spacing:.07em}.map-nodes text.muted{font-size:7px;fill:#929baa;font-weight:400;letter-spacing:0}.insight-panel{background:white;border-left:1px solid #e5e8ee;padding:24px}.insight-head{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.1em;font-size:8px;color:#687487}.insight-head i{font-style:normal;color:#2d70ff}.insight-panel h4{font-size:18px;letter-spacing:-.03em;margin:28px 0 10px}.insight-panel>p{font-size:10px;line-height:1.6;color:#788292}.confidence{margin:28px 0;border:1px solid #e8eaf0;padding:14px;border-radius:11px}.confidence span{font-size:8px;color:#8992a1}.confidence strong{float:right;font-size:11px}.confidence>div{height:4px;background:#eef0f4;border-radius:5px;margin-top:11px}.confidence i{display:block;width:84%;height:100%;background:#2c70fa;border-radius:5px}.insight-links{display:flex;flex-direction:column}.insight-links>span{font-size:8px;color:#9199a6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.insight-links a{padding:11px 0;border-bottom:1px solid #edf0f4;font-size:9px;color:#4d586a}.insight-links b{float:right}.product-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13);margin-top:140px}.story{background:#050a16;padding:45px 38px;min-height:360px}.story-no{color:#5078cd;font-size:11px}.story h3{font-family:'Manrope';font-size:clamp(30px,3.1vw,47px);letter-spacing:-.05em;font-weight:500;line-height:1.08;margin:75px 0 30px}.story p{color:#8792a6;line-height:1.6;font-size:14px;max-width:300px}.memory-statement{text-align:center;padding:220px 0 90px}.memory-statement h3{font-family:'Manrope';font-size:clamp(54px,7vw,105px);line-height:.98;letter-spacing:-.065em;font-weight:500;margin:40px 0}.memory-statement>p:last-child{color:#8994a8;font-size:18px}
.about{padding:150px 0 180px}.about-grid{display:grid;grid-template-columns:1fr .4fr;gap:80px;align-items:end;padding-top:90px}.about-copy>p{font-size:20px;line-height:1.6;color:#60697a}.principles{margin-top:60px;border-top:1px solid var(--line)}.principles span{display:block;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px;color:#687183}
.contact{position:relative;background:#071126;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.contact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 45%,rgba(38,90,195,.25),transparent 34%)}.contact-orbit{position:absolute;border:1px solid rgba(103,148,255,.18);width:70vw;height:70vw;border-radius:50%;right:-20vw;top:-20vw}.contact-inner{position:relative;padding:150px 0}.contact .display{font-size:clamp(54px,7.5vw,112px)}.contact .display span{color:#6998ff}.contact-link{display:inline-flex;align-items:center;gap:60px;border-bottom:1px solid rgba(255,255,255,.3);padding:16px 0 12px;margin-top:75px;font-size:20px}.site-footer{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding:26px 0;color:#6f7b91;font-size:11px}.site-footer p:nth-child(2){text-align:center}.site-footer p:last-child{text-align:right}.footer-brand{font-size:16px;color:white}.footer-brand .brand-mark{width:22px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.visible{opacity:1;transform:none}@keyframes titleIn{to{transform:none}}@keyframes dash{to{stroke-dashoffset:-280}}@keyframes pulse{50%{transform:scale(1.08);opacity:.35}}@keyframes scrollCue{0%{transform:translateY(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(50px);opacity:0}}
@media (max-width:1000px){:root{--shell:min(100% - 48px,900px)}.site-nav{gap:20px}.hero-bottom{padding-left:0}.problem-opening,.cap-heading,.product-copy,.about-grid{grid-template-columns:1fr .48fr}.system-node{width:145px}.product-stories{grid-template-columns:1fr}.story{min-height:auto}.app-layout{grid-template-columns:1fr}.insight-panel{display:none}.cap-row{grid-template-columns:50px 1fr 1fr 30px}.cap-row ul{display:none}.cap-row>p{font-size:14px}.interface{grid-template-columns:170px 1fr}.app-sidebar{padding:18px 12px}}
@media (max-width:720px){:root{--shell:calc(100vw - 36px)}.site-header{top:8px;width:calc(100vw - 16px);height:58px;padding-left:14px}.brand{font-size:18px}.menu-toggle{display:block;z-index:2}.site-nav{position:fixed;inset:0 0 auto 0;min-height:100svh;background:rgba(5,11,24,.97);backdrop-filter:blur(22px);padding:120px 28px 40px;display:flex;flex-direction:column;align-items:stretch;gap:12px;transform:translateY(-105%);transition:transform .5s var(--ease);font-size:24px}.site-nav.open{transform:none}.site-nav a{padding:14px}.site-nav .nav-cta{text-align:center;font-size:15px;margin-top:22px}.menu-toggle[aria-expanded="true"] i{top:22px;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] i+i{transform:rotate(-45deg)}.hero-content{padding:120px 0 80px}.hero-title{font-size:clamp(57px,17vw,90px);line-height:.92}.hero-bottom{display:block;margin-top:36px}.hero-bottom>p{font-size:15px}.hero-actions{margin-top:30px;gap:18px}.button{gap:16px}.text-link{display:none}.scroll-cue{display:none}.problem{padding:95px 0 110px}.problem-opening,.cap-heading,.product-copy,.about-grid{grid-template-columns:1fr;gap:36px;padding:60px 0}.display{font-size:clamp(48px,14vw,74px);line-height:.95}.lead{max-width:480px}.system-composition{height:590px}.system-lines{display:none}.system-node{width:132px;padding:14px;font-size:10px}.system-node span{margin-bottom:18px}.node-strategy{left:5%;top:7%}.node-process{left:5%;bottom:7%}.node-tech{left:5%;top:40%}.node-people{right:5%;top:7%}.node-knowledge{right:5%;bottom:7%}.node-data{right:5%;top:40%}.system-core{width:132px;height:132px;font-size:11px}.problem-payoff{grid-template-columns:1fr;margin-top:105px}.problem-payoff .display,.payoff-copy{grid-column:1}.payoff-copy{grid-template-columns:1fr;gap:24px}.capabilities{padding:100px 0}.cap-heading{padding-bottom:70px}.cap-row{grid-template-columns:40px 1fr 24px;gap:14px;padding:30px 2px}.cap-row h3{font-size:31px}.cap-row>p{grid-column:2}.cap-arrow{grid-column:3;grid-row:1}.octozy-reveal{min-height:110svh}.fragmented-copy{height:auto;display:flex;flex-direction:column;gap:22px;margin:65px 0 90px}.fragmented-copy span{position:static!important;text-align:left}.fragmented-copy span:nth-child(2){text-align:center}.fragmented-copy span:nth-child(3){text-align:right}.reveal-bridge{margin-bottom:90px}.octozy-wordmark h2{font-size:22vw}.product{padding:110px 0}.product-copy .display{font-size:clamp(52px,14vw,74px)}.interface-wrap{width:calc(100vw - 24px);margin-top:70px;overflow:hidden}.interface{height:590px;min-height:0;grid-template-columns:1fr;border-radius:16px}.app-sidebar{display:none}.app-topbar{height:72px;padding:0 15px}.app-topbar h3{font-size:14px}.top-actions button:first-child{display:none}.app-layout{height:calc(100% - 72px)}.app-canvas{padding:16px 8px}.org-map{overflow:hidden}.org-map svg{width:760px;max-width:none;transform:translateX(-190px)}.product-stories{margin-top:80px}.story{padding:32px 25px}.story h3{margin-top:55px}.memory-statement{padding:140px 0 50px}.memory-statement h3{font-size:13vw}.memory-statement>p:last-child{font-size:15px}.about{padding:100px 0 120px}.contact-inner{padding:120px 0}.contact .display{font-size:13vw}.contact-link{margin-top:55px;font-size:17px;gap:25px}.site-footer{grid-template-columns:1fr 1fr}.site-footer p:nth-child(2){display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-title .line>span{transform:none}.reveal{opacity:1;transform:none}}

/* Editorial alignment refinements */
.hero-title{word-spacing:.065em}
.display,.memory-statement h3{word-spacing:.09em}
.problem-payoff .underlined{position:relative;display:inline-block}
.problem-payoff .underlined:after{left:0;right:0;top:52%;bottom:auto;height:7px;transform:translateY(-50%);transform-origin:center}
.fragmented-copy span:nth-child(2){left:0;right:0;top:52%;text-align:center}
@media (max-width:720px){.hero-title{word-spacing:.045em}.display,.memory-statement h3{word-spacing:.06em}}

/* Supplied InWolk / Octozy brand alignment */
.hero-title{line-height:.94}
.hero-title .line{padding-bottom:.18em;margin-bottom:-.1em}
.interface-showcase-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 18px;color:#8d98ad;font-size:10px;text-transform:uppercase;letter-spacing:.13em}
.showcase-status{display:flex;align-items:center;gap:9px;color:#b4bece}
.showcase-status i{width:7px;height:7px;border-radius:50%;background:#53c891;box-shadow:0 0 0 5px rgba(83,200,145,.1)}
.showcase-tabs{display:flex;gap:25px}
.showcase-tabs span:first-child{color:var(--blue-2)}
.interface-caption{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:22px 4px 0;color:#78859a;font-size:12px;letter-spacing:.01em}
.interface-caption p{margin:0;color:#c2cad7;font-size:14px}
.interface-caption span{text-align:right}
.button-outline{margin-top:35px;border:1px solid rgba(255,255,255,.25);color:#fff;transition:background .25s,border-color .25s}
.button-outline:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}
.site-header.scrolled{background:rgba(16,20,38,.8)}
.brand{display:flex;align-items:center}
.brand img{display:block;width:110px;height:auto;filter:brightness(0) invert(1)}
.hero{background:radial-gradient(circle at 78% 35%,#173a53 0,transparent 30%),linear-gradient(135deg,#101426 0%,#171b31 60%,#090c18 100%)}
.accent-line,.product-copy .display span,.contact .display span{color:var(--blue-2)}
.paths path{stroke:var(--blue)}
.nodes circle{fill:var(--blue-2);filter:drop-shadow(0 0 8px var(--blue))}
.system-core i{border-color:rgba(61,168,227,.38)}
.reveal-glow{background:#136b96}
.app-brand img{width:116px;height:auto;filter:brightness(0) invert(1)}
.top-actions button:last-child{background:var(--blue);border-color:var(--blue)}
.interface{box-shadow:0 80px 160px rgba(0,0,0,.55),0 0 100px rgba(61,168,227,.15)}
.contact{background:var(--navy)}
.footer-brand img{width:96px}
@media (max-width:720px){.brand img{width:102px}.site-footer p:last-child{font-size:9px}.interface-showcase-head{padding-inline:6px}.showcase-tabs{display:none}.interface-caption{grid-template-columns:1fr;padding-inline:6px}.interface-caption span{text-align:left;line-height:1.6}}

/* Hero story slider */
.octozy-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:72px}
.octozy-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;min-width:205px;padding:18px 21px;border-radius:13px;background:var(--blue);color:#07111d;font-size:14px;font-weight:600;box-shadow:0 18px 55px rgba(61,168,227,.28);transition:transform .3s var(--ease),background .3s,box-shadow .3s}
.octozy-primary:hover{transform:translateY(-3px);background:var(--blue-2);box-shadow:0 24px 70px rgba(61,168,227,.38)}
.octozy-secondary{display:inline-flex;align-items:center;gap:16px;padding:17px 4px;border-bottom:1px solid rgba(255,255,255,.24);color:#abb5c6;font-size:14px;transition:color .25s,border-color .25s}
.octozy-secondary:hover{color:#fff;border-color:#fff}
.hero-slides{display:grid;align-items:center}
.hero-slide{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(34px);transition:opacity .65s var(--ease),transform .65s var(--ease),visibility .65s}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.hero-slide .hero-title .line>span{animation:none;transform:translateY(115%)}
.hero-slide.is-active .hero-title .line>span{animation:titleIn .95s var(--ease) forwards}
.hero-slide.is-active .hero-title .line:nth-child(2)>span{animation-delay:.09s}
.hero-slide.is-active .hero-title .line:nth-child(3)>span{animation-delay:.18s}
.hero-slide .eyebrow,.hero-slide .hero-bottom{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.hero-slide.is-active .eyebrow,.hero-slide.is-active .hero-bottom{opacity:1;transform:none;transition-delay:.28s}
.hero-slider-footer{display:flex;align-items:end;justify-content:flex-end;gap:34px;margin-top:44px}
.hero-slider-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(760px,73%)}
.hero-slider-nav button{appearance:none;border:0;background:transparent;color:rgba(255,255,255,.38);padding:0;text-align:left;cursor:pointer;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;font-family:inherit}
.hero-slider-nav button span{font-size:10px;letter-spacing:.12em}
.hero-slider-nav button i{position:relative;display:block;height:1px;background:rgba(255,255,255,.18);overflow:hidden}
.hero-slider-nav button i:after{content:"";position:absolute;inset:0;background:var(--blue-2);transform:scaleX(0);transform-origin:left}
.hero-slider-nav button b{grid-column:1/-1;margin-top:9px;font-size:11px;font-weight:500;letter-spacing:.02em}
.hero-slider-nav button.is-active{color:#fff}
.hero-slider-nav button.is-active i:after{animation:heroProgress 4.5s linear forwards}
.hero-slider-arrows{display:flex;align-items:center;gap:8px;flex:none}
.hero-slider-arrows>span{margin-right:5px;color:rgba(255,255,255,.42);font-size:10px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.hero-slider-arrows button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font-size:17px;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.hero-slider-arrows button:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.48);transform:scale(1.05)}
.hero-slider-arrows button:focus-visible,.hero-slider-nav button:focus-visible{outline:2px solid var(--blue-2);outline-offset:4px}
@keyframes heroProgress{to{transform:scaleX(1)}}
@media (max-width:720px){.hero-slider-footer{align-items:center;margin-top:32px;gap:16px}.hero-slider-nav{width:100%;gap:10px}.hero-slider-nav button b{display:none}.hero-slider-arrows>span{display:none}.hero-slider-arrows button{width:36px;height:36px}.hero-slide .hero-actions{flex-wrap:wrap}.hero-slide .button{padding:14px 16px;font-size:12px}.octozy-actions{flex-direction:column;gap:10px;margin-top:52px}.octozy-primary{width:min(100%,270px)}.octozy-secondary{padding-inline:18px}}
@media (prefers-reduced-motion:reduce){.hero-slider-nav button.is-active i:after{animation:none;transform:scaleX(1)}.hero-slide .hero-title .line>span{animation:none;transform:none}}

/* Octozy concept interface */
.interface-wrap{perspective:none}
.octozy-demo.interface{grid-template-columns:220px 1fr;height:min(820px,72vw);min-height:660px;background:#fff;transform:none}
.demo-sidebar{position:relative;display:flex;flex-direction:column;padding:25px 17px;background:linear-gradient(180deg,#0a1426,#070f1d);color:#fff;overflow:hidden}
.demo-sidebar:before{content:"";position:absolute;width:170px;height:170px;left:-80px;top:-80px;border-radius:50%;background:rgba(61,168,227,.18);filter:blur(45px)}
.demo-brand{position:relative;padding:0 8px 28px}.demo-brand img{display:block;width:125px;filter:brightness(0) invert(1)}.demo-brand small{display:block;margin-top:9px;color:#65738a;font-size:8px;text-transform:uppercase;letter-spacing:.16em}
.demo-nav{position:relative;display:flex;flex-direction:column;gap:5px}.demo-nav button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#68778f;font-size:11px;text-align:left;cursor:pointer;transition:background .25s,color .25s}.demo-nav button i{width:18px;font-style:normal;color:#52627d}.demo-nav button.is-active{background:rgba(255,255,255,.08);color:#fff}.demo-nav button.is-active i{color:#58d5a0}.demo-nav button.is-active:before{content:"";position:absolute;left:0;width:3px;height:20px;border-radius:0 5px 5px 0;background:#58d5a0}
.demo-health{position:relative;display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035)}.demo-health>i{width:9px;height:9px;border-radius:50%;background:#58d5a0;box-shadow:0 0 12px #58d5a0}.demo-health small,.demo-health strong{display:block}.demo-health small{color:#6c7b92;font-size:8px}.demo-health strong{margin-top:2px;font-size:9px;font-weight:500}
.demo-shell{display:flex;min-width:0;min-height:0;flex-direction:column;background:#f7f9fc}.demo-topbar{height:88px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #e3e8ef;background:#fff}.demo-topbar small{color:#9aa5b5;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.demo-topbar h3{margin:5px 0 0;color:#111b2d;font-size:18px;letter-spacing:-.025em}.demo-tools{display:flex;gap:8px}.demo-tools button{height:35px;padding:0 12px;border:1px solid #e1e6ed;border-radius:9px;background:#fff;color:#667185;font-size:10px}.demo-tools button:last-child{border-color:#0b1729;background:#0b1729;color:#fff}
.demo-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:0;flex:1}.demo-workspace{display:flex;min-width:0;min-height:0;flex-direction:column;gap:16px;padding:20px}.demo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.demo-kpis article{position:relative;min-width:0;padding:13px;border:1px solid #e0e6ee;border-radius:13px;background:#fff;overflow:hidden}.demo-kpis article:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(82,211,158,.09),transparent 55%)}.demo-kpis article>div,.demo-kpis article>strong,.demo-kpis article>svg{position:relative}.demo-kpis article>div{display:flex;align-items:start;justify-content:space-between;gap:5px}.demo-kpis span{color:#667287;font-size:8px}.demo-kpis em{color:#16a36a;font-size:7px;font-style:normal;font-weight:600;white-space:nowrap}.demo-kpis em.negative{color:#e0566b}.demo-kpis article>strong{display:block;margin-top:9px;color:#0c1628;font-size:20px;letter-spacing:-.03em}.demo-kpis svg{position:absolute;right:10px;bottom:12px;width:48px;height:18px}.demo-kpis polyline{fill:none;stroke:#23b67a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.demo-kpis svg.negative polyline{stroke:#e0566b}
.demo-map{position:relative;min-height:0;flex:1;border:1px solid #dde4ed;border-radius:20px;background:radial-gradient(circle at 85% 16%,rgba(83,211,158,.18),transparent 22%),radial-gradient(circle at 8% 88%,rgba(61,168,227,.16),transparent 24%),#f0f4fa;overflow:hidden}.demo-map:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#c4cfdd 1px,transparent 1px);background-size:19px 19px;opacity:.38}.demo-map>svg{position:absolute;inset:0;width:100%;height:100%}.demo-map-lines path{fill:none;stroke:#8ca6c6;stroke-width:1.25;stroke-dasharray:5 6}.demo-map-head{position:absolute;z-index:3;left:16px;right:16px;top:14px;display:flex;align-items:center;justify-content:space-between;color:#667287;font-size:8px}.demo-map-head>span{display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(209,217,228,.9);border-radius:99px;background:rgba(255,255,255,.78);backdrop-filter:blur(8px)}.demo-map-head i{width:6px;height:6px;border-radius:50%;background:#47c88d}.demo-map-head small{font-size:7px;color:#9aa5b4}
.demo-node{position:absolute;z-index:2;width:106px;transform:translate(-50%,-50%);padding:11px;border:1px solid #d9e0e9;border-radius:13px;background:#fff;color:#233047;text-align:left;box-shadow:0 7px 20px rgba(36,52,80,.07);cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s,color .25s}.demo-node:hover{transform:translate(-50%,-50%) scale(1.04)}.demo-node b,.demo-node span{display:block}.demo-node b{font-size:8px;text-transform:uppercase;letter-spacing:.07em}.demo-node span{margin-top:5px;color:#929dac;font-size:7px}.demo-node.is-active{border-color:#10233d;background:#0b1729;color:#fff;box-shadow:0 0 0 2px #58d5a0,0 10px 25px rgba(11,23,41,.18)}.demo-node.is-active:after{content:"";position:absolute;inset:-6px;border:1px solid rgba(82,211,158,.28);border-radius:17px}.demo-map .node-memberships{left:50%;top:18%}.demo-map .node-jobs{left:22%;top:43%}.demo-map .node-events{left:75%;top:41%}.demo-map .node-people{left:10.5%;right:auto;top:79%}.demo-map .node-payments{left:37.5%;top:79%}.demo-map .node-crm{left:63%;top:78%}.demo-map .node-reporting{left:89%;top:79%}.demo-map-detail{position:absolute;z-index:3;left:16px;bottom:14px;width:205px;padding:10px 12px;border:1px solid rgba(215,223,233,.95);border-radius:11px;background:rgba(255,255,255,.86);color:#667287;backdrop-filter:blur(9px);font-size:7px;line-height:1.45}.demo-map-detail b{color:#172338;font-size:8px}.demo-map-detail p{margin:4px 0 0}
.octee-panel{display:flex;min-height:0;flex-direction:column;border-left:1px solid #e1e6ed;background:#fff}.octee-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:17px;color:#fff;background:linear-gradient(120deg,#4f46d9,#6954ea 58%,#7957df);overflow:hidden}.octee-head:before{content:"";position:absolute;width:80px;height:80px;right:-20px;top:-35px;border-radius:50%;background:rgba(255,255,255,.16);filter:blur(14px)}.octee-head>div{position:relative;display:flex;align-items:center;gap:9px}.octee-head>div>i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:rgba(255,255,255,.16);font-style:normal}.octee-head b,.octee-head small{display:block}.octee-head b{font-size:9px;letter-spacing:.15em}.octee-head small{margin-top:2px;color:rgba(255,255,255,.62);font-size:7px}.octee-head button{position:relative;padding:5px 8px;border:0;border-radius:99px;background:rgba(255,255,255,.14);color:#fff;font-size:7px;cursor:pointer}.octee-content{display:flex;min-height:0;flex:1;flex-direction:column;padding:19px;color:#162238;overflow:auto}.octee-label,.octee-actions>span,.octee-context>span{color:#9aa5b5;font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:.15em}.octee-content h4{margin:14px 0 7px;font-size:17px;line-height:1.08;letter-spacing:-.035em}.octee-content>p{margin:0;color:#758196;font-size:9px;line-height:1.5}.octee-confidence{margin-top:18px;padding:13px;border-radius:13px;background:#0b1729;color:#fff}.octee-confidence>div{display:flex;align-items:end;justify-content:space-between}.octee-confidence span{color:#91a0b7;font-size:7px}.octee-confidence strong{font-size:18px}.octee-confidence>i{display:block;height:5px;margin-top:10px;border-radius:6px;background:rgba(255,255,255,.1);overflow:hidden}.octee-confidence>i>b{display:block;height:100%;border-radius:6px;background:#58d5a0;transition:width .5s}.octee-confidence>small{display:block;margin-top:7px;color:#67dca9;font-size:7px}.octee-actions{margin-top:17px}.octee-actions p{display:flex;align-items:center;gap:8px;margin:6px 0 0;padding:8px;border:1px solid #edf0f4;border-radius:10px;background:#f8fafc}.octee-actions p i{display:grid;place-items:center;width:18px;height:18px;flex:none;border-radius:50%;background:#e6e5ff;color:#5146d8;font-size:7px;font-style:normal}.octee-actions p b{font-size:8px;font-weight:500}.octee-context{margin-top:auto;padding-top:16px}.octee-context p{display:flex;justify-content:space-between;margin:0;padding:8px 0;border-bottom:1px solid #eef1f5;font-size:8px}.octee-context p b{font-weight:400;color:#738095}.octee-context p strong{font-weight:600}
.octee-panel.is-refreshing .octee-content{opacity:.45}.octee-panel.is-refreshing .octee-head>div>i{animation:pulse 1s ease infinite}
@media (max-width:1100px){.octozy-demo.interface{grid-template-columns:170px 1fr}.demo-body{grid-template-columns:1fr}.octee-panel{display:none}.demo-kpis article:nth-child(4){display:none}.demo-kpis{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.octozy-demo.interface{height:640px;min-height:0;grid-template-columns:1fr}.demo-sidebar{display:none}.demo-topbar{height:70px;padding:0 14px}.demo-topbar h3{font-size:14px}.demo-tools button:first-child{display:none}.demo-workspace{padding:11px;gap:10px}.demo-kpis{grid-template-columns:repeat(2,1fr)}.demo-kpis article:nth-child(3){display:none}.demo-kpis article{padding:10px}.demo-map-head small{display:none}.demo-node{width:88px;padding:8px}.demo-node b{font-size:7px}.demo-map-detail{display:none}.demo-map .node-people{left:12%}.demo-map .node-reporting{left:87%}}

/* Official OCTEE identity from Octozy */
.octee-head{padding:14px 17px;background:linear-gradient(90deg,#132a72,#285ba6)}
.octee-head:before{width:90px;height:90px;right:-22px;top:-40px;background:rgba(64,153,255,.25)}
.octee-head>div{gap:10px}
.octee-head>div>img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#ecf2ff;border:2px solid rgba(255,255,255,.45);box-shadow:0 5px 14px rgba(0,0,0,.18)}
.octee-head>div>i{display:none}
.octee-head b{font-size:10px}
.octee-head small{color:rgba(255,255,255,.7)}
.octee-head button{padding:6px 9px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12)}
.octee-content{color:#18191c;background:#fefeff}
.octee-label,.octee-actions>span,.octee-context>span{color:#6875a9}
.octee-content h4{color:#18191c}
.octee-content>p{color:#6875a9}
.octee-confidence{background:#1e274d}
.octee-confidence span{color:#b9c4e4}
.octee-confidence>i>b{background:#4099ff}
.octee-confidence>small{color:#a9cbff}
.octee-actions p{border-color:#d9dbdf;background:#f7f8f8}
.octee-actions p i{background:#ecf2ff;color:#3d65d3}
.octee-context p b{color:#6875a9}
.octee-context p strong{color:#1e274d}
.octee-panel.is-refreshing .octee-head>div>i{animation:none}
.octee-panel.is-refreshing .octee-head>div>img{animation:pulse 1s ease infinite}

/* Octozy analytical views */
.demo-chart-view{position:relative;min-height:0;flex:1;padding:20px;border:1px solid #dde4ed;border-radius:20px;background:radial-gradient(circle at 82% 12%,rgba(64,153,255,.14),transparent 25%),#f7f9fc;overflow:hidden}
.demo-chart-view:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(30,39,77,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,39,77,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to right,black,transparent 78%)}
.demo-chart-head{position:relative;z-index:1;display:flex;align-items:start;justify-content:space-between}.demo-chart-head small{display:block;color:#3d65d3;font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:.16em}.demo-chart-head h4{margin:6px 0 0;color:#18191c;font-size:16px;letter-spacing:-.025em}.demo-chart-head>span{padding:6px 9px;border:1px solid #d9dbdf;border-radius:99px;background:rgba(255,255,255,.8);color:#6875a9;font-size:7px}
.demo-chart-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;height:calc(100% - 48px);padding-top:16px}.demo-chart-visual{position:relative;min-width:0;min-height:0;border:1px solid #e2e7ef;border-radius:16px;background:rgba(255,255,255,.82);overflow:hidden}.demo-chart-visual:before{content:"";position:absolute;inset:12px 12px 35px;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#e8ecf2 25%);opacity:.75}
.chart-bars,.chart-line,.chart-donut{display:none}.demo-chart-visual[data-chart-type="bars"] .chart-bars{display:flex}.demo-chart-visual[data-chart-type="line"] .chart-line{display:block}.demo-chart-visual[data-chart-type="donut"] .chart-donut{display:grid}.demo-chart-visual[data-chart-type="donut"]:before{display:none}.demo-chart-visual[data-chart-type="donut"] .chart-axis{display:none}
.chart-bars{position:absolute;z-index:1;inset:26px 24px 37px;align-items:end;justify-content:space-around;gap:12px}.chart-bars i{position:relative;flex:1;max-width:42px;height:var(--v);border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#4099ff,#3d65d3);box-shadow:0 8px 20px rgba(61,101,211,.17);transition:height .55s var(--ease)}.chart-bars i:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent)}
.chart-line{position:absolute;z-index:1;inset:24px 20px 38px;width:calc(100% - 40px);height:calc(100% - 62px);overflow:visible}.chart-line polyline{fill:none;stroke:#3d65d3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 8px rgba(61,101,211,.25));vector-effect:non-scaling-stroke}.chart-line .chart-area{fill:url(#chartFill);stroke:none}
.chart-donut{position:absolute;left:50%;top:50%;width:min(200px,55%);aspect-ratio:1;transform:translate(-50%,-52%);place-items:center;border-radius:50%;background:conic-gradient(#3d65d3 0 calc(var(--p,92) * 1%),#dfe7f5 calc(var(--p,92) * 1%) 100%);box-shadow:0 18px 45px rgba(30,39,77,.13)}.chart-donut:before{content:"";position:absolute;inset:19%;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #edf0f5}.chart-donut>div{position:relative;z-index:1;text-align:center}.chart-donut strong,.chart-donut span{display:block}.chart-donut strong{color:#1e274d;font-size:30px;letter-spacing:-.05em}.chart-donut span{margin-top:3px;color:#6875a9;font-size:8px}
.chart-axis{position:absolute;z-index:2;left:24px;right:24px;bottom:13px;display:flex;justify-content:space-around;color:#9aa5b5;font-size:7px}.chart-axis span{flex:1;text-align:center}
.demo-outcome{display:flex;flex-direction:column;padding:18px;border-radius:16px;background:linear-gradient(145deg,#1e274d,#132a72);color:#fff;box-shadow:0 18px 38px rgba(1,4,35,.17);overflow:hidden}.demo-outcome>span{color:#8eade7;font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:.16em}.demo-outcome h4{margin:24px 0 9px;font-size:20px;line-height:1.03;letter-spacing:-.035em}.demo-outcome p{margin:0;color:#bec9df;font-size:9px;line-height:1.55}.outcome-line{display:flex;align-items:start;gap:9px;margin-top:auto;padding-top:17px;border-top:1px solid rgba(255,255,255,.12)}.outcome-line i{width:18px;height:2px;margin-top:5px;flex:none;background:#4099ff;box-shadow:0 0 9px #4099ff}.outcome-line strong{font-size:9px;line-height:1.4;font-weight:500;color:#fff}
@media (max-width:900px){.demo-chart-layout{grid-template-columns:minmax(0,1fr) 180px}.demo-outcome{padding:14px}.demo-outcome h4{font-size:17px}}
@media (max-width:720px){.demo-chart-view{padding:13px;overflow:auto}.demo-chart-layout{grid-template-columns:1fr;height:auto;min-height:430px}.demo-chart-visual{min-height:235px}.demo-outcome{min-height:145px}.demo-outcome h4{margin-top:15px}.outcome-line{margin-top:15px}}

/* Stronger Octozy navigation and outcome led overview */
.demo-nav{gap:6px}.demo-nav button{position:relative;padding:11px 31px 11px 12px;border:1px solid rgba(255,255,255,.045);background:rgba(255,255,255,.025);color:#aebbd0;font-weight:500;transition:transform .25s,background .25s,border-color .25s,color .25s,box-shadow .25s}.demo-nav button i{color:#7187a9;transition:color .25s,transform .25s}.demo-nav button:after{content:"›";position:absolute;right:12px;color:#536b91;font-size:15px;line-height:1;transition:transform .25s,color .25s}.demo-nav button:hover{transform:translateX(3px);border-color:rgba(64,153,255,.22);background:rgba(64,153,255,.09);color:#fff}.demo-nav button:hover i,.demo-nav button:hover:after{color:#62aaff}.demo-nav button:hover:after{transform:translateX(2px)}.demo-nav button.is-active{border-color:rgba(64,153,255,.42);background:linear-gradient(100deg,rgba(61,101,211,.34),rgba(64,153,255,.12));color:#fff;box-shadow:inset 0 0 18px rgba(64,153,255,.06)}.demo-nav button.is-active i,.demo-nav button.is-active:after{color:#72b6ff}.demo-nav button.is-active:before{left:-1px;height:22px;background:#4099ff;box-shadow:0 0 11px rgba(64,153,255,.8)}
.demo-map .node-memberships{top:16%}.demo-map .node-jobs{top:38%}.demo-map .node-events{top:37%}.demo-map .node-people,.demo-map .node-payments,.demo-map .node-reporting{top:61%}.demo-map .node-crm{top:60%}.demo-map-detail{min-height:68px;padding:12px 13px;border-color:rgba(52,102,203,.45);border-radius:13px;background:linear-gradient(145deg,#1e274d,#173774);color:#c2cee5;box-shadow:0 12px 28px rgba(30,39,77,.18)}.demo-map-detail:before{content:"Selected signal";display:block;margin-bottom:7px;color:#72b6ff;font-size:6px;font-weight:600;text-transform:uppercase;letter-spacing:.14em}.demo-map-detail b{color:#fff;font-size:9px}
.overview-outcomes{position:absolute;z-index:3;right:16px;bottom:14px;left:238px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.overview-outcomes article{min-width:0;min-height:68px;padding:10px 11px;border:1px solid rgba(61,101,211,.18);border-radius:13px;background:rgba(236,242,255,.93);box-shadow:0 9px 24px rgba(30,39,77,.08);backdrop-filter:blur(8px)}.overview-outcomes span,.overview-outcomes strong,.overview-outcomes small{display:block}.overview-outcomes span{color:#6875a9;font-size:6px;text-transform:uppercase;letter-spacing:.08em}.overview-outcomes strong{margin-top:6px;color:#1e274d;font-size:16px;letter-spacing:-.035em}.overview-outcomes small{margin-top:1px;color:#71809b;font-size:7px}.overview-outcomes article.is-featured{border-color:#3d65d3;background:linear-gradient(145deg,#285ba6,#132a72)}.overview-outcomes article.is-featured span{color:#a9c6ff}.overview-outcomes article.is-featured strong,.overview-outcomes article.is-featured small{color:#fff}
@media (max-width:720px){.overview-outcomes{left:12px;right:12px;bottom:12px;grid-template-columns:repeat(2,1fr)}.overview-outcomes article{min-height:57px;padding:8px}.overview-outcomes article:nth-child(3){display:none}}

/* Always visible hero navigation */
.hero-edge-control{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:48px;height:72px;margin-top:-36px;border:1px solid rgba(255,255,255,.16);background:rgba(7,17,38,.34);color:#fff;cursor:pointer;backdrop-filter:blur(12px);transition:width .25s,background .25s,border-color .25s}.hero-edge-control span{font-size:20px;transition:transform .25s}.hero-edge-prev{left:0;border-left:0;border-radius:0 18px 18px 0}.hero-edge-next{right:0;border-right:0;border-radius:18px 0 0 18px}.hero-edge-control:hover{width:56px;border-color:rgba(96,144,255,.55);background:rgba(37,73,145,.42)}.hero-edge-prev:hover span{transform:translateX(-3px)}.hero-edge-next:hover span{transform:translateX(3px)}.hero-edge-control:focus-visible{outline:2px solid var(--blue-2);outline-offset:3px}
@media (max-width:720px){.hero-edge-control{top:48%;width:36px;height:58px;margin-top:-29px;background:rgba(7,17,38,.52)}.hero-edge-control:hover{width:40px}.hero-edge-control span{font-size:16px}}

/* Small screen support from 320px */
@media (max-width:380px){
  :root{--shell:calc(100vw - 28px)}
  html,body{max-width:100%;overflow-x:hidden}
  .site-header{width:calc(100vw - 12px);padding-left:10px}
  .brand img{width:98px}
  .hero-content,.hero-slides,.hero-slide,.hero-title,.hero-bottom{min-width:0;max-width:100%}
  .hero-content{width:var(--shell);padding-top:104px}
  .hero-title{font-size:13vw;line-height:.95;letter-spacing:-.075em}
  .hero-title .line{max-width:100%}
  .hero-bottom{margin-top:28px}
  .hero-bottom>p{font-size:14px;line-height:1.55}
  .hero-actions{gap:10px;white-space:normal}
  .hero-slide .button{max-width:100%;padding:13px 14px}
  .hero-edge-control{display:none}
  .hero-slider-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:25px}
  .hero-slider-nav{min-width:0;gap:7px}
  .hero-slider-arrows{gap:5px}
  .hero-slider-arrows button{width:33px;height:33px}
  .display,.product-copy .display{font-size:13vw;letter-spacing:-.06em}
  .problem-opening,.cap-heading,.product-copy,.about-grid{gap:28px}
  .system-composition{height:545px;border-radius:23px}
  .system-node{width:116px;padding:12px 10px;font-size:9px}
  .system-core{width:112px;height:112px;font-size:9px}
  .cap-row{grid-template-columns:30px minmax(0,1fr) 20px;gap:9px}
  .cap-row h3{font-size:27px}
  .cap-row>p{font-size:13px}
  .octozy-wordmark h2{font-size:20vw}
  .interface-wrap{width:calc(100vw - 16px)}
  .octozy-demo.interface{grid-template-rows:auto minmax(0,1fr);height:680px}
  .demo-sidebar{display:block;padding:7px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  .demo-sidebar::-webkit-scrollbar{display:none}
  .demo-brand,.demo-health{display:none}
  .demo-nav{display:flex;flex-direction:row;width:max-content;gap:5px}
  .demo-nav button{width:auto;min-width:max-content;padding:8px 11px;border-radius:8px;font-size:9px}
  .demo-nav button i{width:auto}
  .demo-nav button:after{display:none}
  .demo-nav button.is-active:before{left:10px;right:10px;bottom:-1px;width:auto;height:2px;border-radius:3px}
  .demo-shell{min-height:0}
  .demo-topbar{height:64px;padding:0 10px}
  .demo-topbar small{font-size:6px}
  .demo-topbar h3{max-width:175px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .demo-tools button:last-child{padding-inline:9px;font-size:8px}
  .demo-workspace{padding:8px}
  .demo-kpis article{padding:9px 8px}
  .demo-kpis span{font-size:7px}
  .demo-kpis article>strong{font-size:17px}
  .demo-node{width:66px;padding:7px 5px;border-radius:9px}
  .demo-node b{font-size:5.5px;letter-spacing:.035em}
  .demo-node span{font-size:5.5px}
  .overview-outcomes{left:8px;right:8px;bottom:8px;gap:6px}
  .overview-outcomes article{padding:8px;min-height:54px}
  .demo-chart-view{padding:10px}
  .demo-chart-head h4{font-size:13px}
  .demo-chart-head>span{font-size:6px}
  .demo-chart-layout{gap:10px;min-height:405px}
  .demo-chart-visual{min-height:215px}
  .demo-outcome{min-height:135px}
  .demo-outcome h4{font-size:16px}
  .interface-caption{gap:18px}
  .story{padding:28px 20px}
  .memory-statement h3{font-size:12.5vw}
  .contact .display{font-size:12.5vw}
  .contact-link{max-width:100%;gap:16px;font-size:15px}
  .site-footer{gap:12px;font-size:9px}
}

/* Full mobile product experience */
@media (max-width:720px){
  .hero-edge-control{display:none}
  .hero-slides,.hero-slide,.hero-title,.hero-bottom{min-width:0;max-width:100%}
  .hero-title{font-size:clamp(41px,13vw,58px);letter-spacing:-.075em}
  .octozy-demo.interface{grid-template-rows:auto minmax(0,1fr);height:1100px}
  .demo-sidebar{display:block;padding:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  .demo-sidebar::-webkit-scrollbar{display:none}
  .demo-brand,.demo-health{display:none}
  .demo-nav{display:flex;flex-direction:row;width:max-content;gap:5px}
  .demo-nav button{width:auto;min-width:max-content;padding:9px 12px;border-radius:8px;font-size:9px}
  .demo-nav button i{width:auto}
  .demo-nav button:after{display:none}
  .demo-nav button.is-active:before{left:10px;right:10px;bottom:-1px;width:auto;height:2px;border-radius:3px}
  .demo-shell{min-height:0;overflow:hidden}
  .demo-body{display:block;overflow-y:auto;scrollbar-width:thin}
  .demo-workspace{height:auto;min-height:0}
  .demo-map{height:535px;flex:none}
  .demo-chart-view{height:590px;flex:none}
  .octee-panel{display:flex;min-height:375px;border-top:1px solid #dfe6f1;border-left:0}
  .octee-head{padding:14px 16px}
  .octee-head>div>img{width:34px;height:34px}
  .octee-content{padding:17px}
  .octee-content h4{margin-top:11px;font-size:18px}
  .octee-content>p{font-size:10px}
  .octee-confidence{margin-top:14px}
  .octee-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}
  .octee-actions>span{grid-column:1/-1}
  .octee-actions p{margin:0}
  .octee-context{display:none}
}

/* Clear mobile product navigation and quieter hero arrows */
.mobile-demo-switcher{display:none}
.hero-edge-control{width:34px;height:54px;margin-top:-27px;border-color:rgba(255,255,255,.09);background:rgba(7,17,38,.12);opacity:.24;backdrop-filter:blur(7px)}
.hero-edge-control span{font-size:15px}
.hero-edge-control:hover,.hero-edge-control:focus-visible{width:39px;opacity:.9;background:rgba(37,73,145,.32)}
@media (max-width:720px){
  .hero-edge-control{display:none!important}
  .hero-slider-arrows button{border-color:rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.55);opacity:.72}
  .hero-slider-arrows button:hover,.hero-slider-arrows button:focus-visible{opacity:1;background:rgba(255,255,255,.06)}
  .octozy-demo.interface{grid-template-rows:minmax(0,1fr)}
  .demo-sidebar{display:none}
  .mobile-demo-switcher{position:relative;z-index:6;display:block;padding:10px 10px 9px;background:linear-gradient(100deg,#0a1426,#132a72);color:#fff}
  .mobile-demo-switcher>span{display:block;margin:0 2px 7px;color:#8fb6ff;font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:.15em}
  .mobile-demo-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;scrollbar-width:none}
  .mobile-demo-tabs::-webkit-scrollbar{display:none}
  .mobile-demo-tabs button{min-width:max-content;padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:99px;background:rgba(255,255,255,.045);color:#aebbd0;font-size:9px;cursor:pointer;scroll-snap-align:start;transition:background .25s,border-color .25s,color .25s}
  .mobile-demo-tabs button.is-active{border-color:#5aa5ff;background:#3168ca;color:#fff;box-shadow:0 0 0 2px rgba(90,165,255,.13)}
}

/* Let mobile Octozy flow with the page */
@media (max-width:720px){
  .octozy-demo.interface{height:auto;min-height:0;overflow:hidden}
  .demo-shell{overflow:visible}
  .demo-body{display:block;overflow:visible}
  .demo-workspace{height:auto}
  .demo-map{height:535px;min-height:535px}
  .demo-chart-view{height:auto;min-height:0;overflow:hidden}
  .octee-panel{height:auto;min-height:375px}
  .octee-content{overflow:visible}
}

/* Production metadata support */
.octee-confidence>i>b{width:92%}
.footer-links{display:flex;align-items:center;justify-content:center;gap:20px}
.footer-links a{color:#a5b0c5;transition:color .25s}
.footer-links a:hover,.footer-links a:focus-visible{color:#fff}
.footer-links span{margin-left:4px}
.error-page{min-height:100svh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 70% 30%,rgba(61,101,211,.24),transparent 28%),#071126;text-align:center}
.error-card{width:min(100%,720px)}
.error-card img{width:132px;height:auto}
.error-code{display:block;margin-top:65px;color:#72b6ff;font-size:12px;letter-spacing:.18em}
.error-card h1{margin:22px 0 14px;font-family:'Manrope',sans-serif;font-size:clamp(44px,8vw,92px);line-height:.95;letter-spacing:-.06em}
.error-card p{max-width:560px;margin:0 auto;color:#9da9bd;font-size:17px;line-height:1.6}
.error-card .button{margin-top:38px;background:#fff;color:#101426}
@media (max-width:720px){.site-footer{grid-template-columns:1fr;gap:18px}.footer-links{justify-content:flex-start}.site-footer p:last-child{text-align:left;margin:0}.error-card p{font-size:15px}}

/* Final production legibility pass */
.cap-row ul{font-size:16px;line-height:1.65;color:#626d80}
.principles span{font-size:16px;line-height:1.5}
.hero-slider-nav button b{font-size:13px}
.hero-slider-nav button span{font-size:11px}
.interface-showcase-head{font-size:12px}
.interface-caption span{font-size:14px;line-height:1.5}
.story p{font-size:16px}
.footer-links a{font-size:13px}
.eyebrow{font-size:12px}
.octozy-wordmark>span{font-size:12px}
.demo-brand img{width:132px;filter:none}
.demo-brand small{font-size:9px}
.demo-nav button{font-size:12px}
.demo-health small{font-size:9px}.demo-health strong{font-size:10px}
.demo-topbar small{font-size:10px}.demo-tools button{font-size:11px}
.demo-kpis span{font-size:10px}.demo-kpis em{font-size:9px}
.demo-map-head{font-size:10px}.demo-map-head small{font-size:9px}
.demo-node b{font-size:9.5px}.demo-node span{font-size:8.5px}
.demo-map-detail{font-size:9px}.demo-map-detail b{font-size:10px}
.octee-label,.octee-actions>span,.octee-context>span{font-size:9px}
.octee-head b{font-size:11px}.octee-head small,.octee-head button{font-size:9px}
.octee-content>p{font-size:11px}.octee-confidence span,.octee-confidence>small{font-size:9px}
.octee-actions p b,.octee-context p{font-size:10px}
.demo-chart-head small,.demo-chart-head>span,.chart-axis{font-size:9px}
.chart-donut span{font-size:10px}
.demo-outcome>span{font-size:9px}.demo-outcome p,.outcome-line strong{font-size:11px}
.demo-map-detail:before,.overview-outcomes span{font-size:8px}
.overview-outcomes small{font-size:9px}
.site-footer{font-size:12px}
@media (max-width:720px){
  .eyebrow{font-size:11px}
  .hero-slide .button{font-size:14px}
  .cap-row>p{font-size:15px;line-height:1.55}
  .principles span{font-size:15px}
  .story p{font-size:15px}
  .mobile-demo-switcher>span{font-size:9px}
  .mobile-demo-tabs button{font-size:11px;padding:9px 13px}
  .demo-topbar small{font-size:8px}.demo-topbar h3{font-size:14px}.demo-tools button:last-child{font-size:10px}
  .demo-kpis span{font-size:9px}.demo-kpis em{font-size:8px}
  .demo-node b{font-size:8px;letter-spacing:0}.demo-node span{font-size:8px}
  .demo-chart-head>span{font-size:8px}
  .site-footer{font-size:11px}
}

/* Company registration footer */
.site-footer{grid-template-columns:auto minmax(0,1fr) auto;gap:32px}
.footer-company{display:flex;align-items:center;justify-content:center;gap:10px 18px;min-width:0;flex-wrap:wrap;color:#a5b0c5;font-size:13px;line-height:1.5;text-align:center}
.footer-registration{display:flex;gap:14px;white-space:nowrap}
.footer-company address{font:inherit;font-style:normal;color:#8995aa}
.footer-company a{color:#c1cad9;font-size:13px;white-space:nowrap;transition:color .25s}
.footer-company a:hover,.footer-company a:focus-visible{color:#fff}
.footer-company a span{margin-left:0}
.site-footer>p{margin:0;text-align:right}
@media (max-width:1000px){.site-footer{grid-template-columns:auto 1fr}.site-footer>p{grid-column:1/-1;text-align:left}.footer-company{justify-content:flex-end;text-align:right}}
@media (max-width:720px){.site-footer{grid-template-columns:1fr;gap:18px}.footer-company{justify-content:flex-start;align-items:flex-start;flex-direction:column;text-align:left}.footer-registration{flex-wrap:wrap;white-space:normal}.site-footer>p{grid-column:auto;text-align:left}}