:root{--dark:#081A33;--deep:#071427;--panel:#122B4C;--mint:#83C5FF;--mint-bright:#AFDCFF;--white:#F8FAFD;--cream:#F0F5FC;--ink:#142742;--muted:#657994;--hair:#DBE5F1;--blue:#E4F2FF;--sand:#E0E4FF;--easing:cubic-bezier(.2,.8,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--white);color:var(--ink);font-family:'Aptos','Segoe UI',Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:100%;height:100%;display:block}p,h1,h2,h3{margin-top:0}::selection{background:#a2c9f0;color:#0b131f}:focus-visible{outline:3px solid #4571b4;outline-offset:4px}img{max-width:100%}[hidden]{display:none!important}
.shell{width:min(100% - 112px,1300px);margin-inline:auto}.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:10px;left:18px;background:white;color:#0c1420;padding:12px 16px;z-index:999}.section{padding:124px 0}.eyebrow{display:flex;gap:10px;align-items:center;font-weight:740;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#475e81;margin:0 0 27px}.eyebrow-mark{font-size:18px;line-height:10px;color:#728eb9}.eyebrow-on-dark{color:#c3d2e2}.pulse-dot{width:7px;height:7px;border-radius:99px;background:#b6d8fa;box-shadow:0 0 0 5px #b6d8fa19;animation:pulse 3.5s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 10px #b6d8fa00}}
/* Header */
.nav-header{height:90px;position:relative;z-index:50;background:var(--deep);border-bottom:1px solid #d6e9fc19;color:#fff}.nav-inner{height:100%;display:flex;align-items:center;gap:55px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;min-width:226px}.brand-glyph{display:grid;place-items:center;width:41px;height:41px;border:1px solid #b6d8fa3c;border-radius:12px;background:#aed4fa09;color:#c0dcf9;padding:7px;transition:transform .4s var(--easing),background .4s}.brand:hover .brand-glyph{transform:rotate(-12deg) scale(1.04);background:#aed4fa29}.brand-name{font-size:20px;letter-spacing:-.065em;line-height:.87;font-weight:780}.brand-name>span{color:#c4dcf4}.brand-name small{display:block;font-size:8px;letter-spacing:.16em;margin-top:9px;font-weight:600;color:#8197b8}.main-nav{display:flex;gap:32px;margin:auto}.main-nav a{font-size:13px;color:#b0c4d9;transition:color .25s;position:relative;padding:15px 0}.main-nav a::after{content:"";position:absolute;bottom:10px;left:0;right:100%;height:1px;background:#bad5f1;transition:right .3s}.main-nav a:hover,.main-nav a.is-current{color:#fff}.main-nav a:hover::after,.main-nav a.is-current::after{right:0}.nav-actions{display:flex;align-items:center;gap:23px}.language-switch{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.07em;font-weight:700;color:#b5c8db;transition:color .25s}.language-switch:hover{color:#bedcfb}.language-switch svg{width:17px;height:17px}.nav-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 17px;background:#e6eef5;color:#17212f;border-radius:7px;font-size:12px;font-weight:770;transition:background .3s,transform .3s}.nav-contact span{font-size:18px;transition:transform .3s}.nav-contact:hover{background:#badafa;transform:translateY(-2px)}.nav-contact:hover span{transform:translate(2px,-2px)}.hamburger,.mobile-navigation{display:none}
/* Hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 100% 100% at 95% 40%,#162437 0%,#0e1723 45%,#090f17 100%);color:white;isolation:isolate}.hero-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#9dbee00d 1px,transparent 1px),linear-gradient(90deg,#9dbee00d 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,transparent 15%,#000 100%)}.hero-orb{position:absolute;z-index:-1;right:-160px;top:40px;width:700px;height:700px;filter:blur(65px);border-radius:50%;background:radial-gradient(circle,#8db3eb20 0%,#6f99d710 36%,transparent 67%);pointer-events:none}.hero-inner{min-height:645px;padding:77px 0 56px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:58px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{margin-bottom:29px}.hero h1{font-size:clamp(48px,5.55vw,83px);line-height:1.04;font-weight:630;letter-spacing:-.075em;margin:0 0 28px;max-width:710px}.hero h1 em{font-style:normal;color:#b4d3f2;white-space:nowrap}.hero-intro{font-size:17px;line-height:1.75;color:#acc1d7;max-width:540px;margin:0 0 30px}.button-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.btn{min-height:54px;border-radius:7px;display:inline-flex;align-items:center;gap:25px;font-size:13px;font-weight:730;transition:transform .3s var(--easing),background .3s,box-shadow .3s}.btn-accent{background:#c4dcf5;color:#142030;padding:7px 9px 7px 20px;box-shadow:0 11px 34px #bcdbfb0c}.btn-accent:hover{transform:translateY(-3px);background:#aed3f8;box-shadow:0 16px 35px #bcdbfb22}.btn-circle{width:38px;height:38px;border-radius:6px;display:grid;place-items:center;background:#1f2f46;color:#e7f2fe;font-size:20px;transition:transform .35s}.btn-accent:hover .btn-circle{transform:rotate(45deg)}.btn-quiet{display:inline-flex;gap:17px;align-items:center;color:#d4dfea;font-size:12px;font-weight:720;padding:12px 0;transition:color .25s}.btn-quiet span{font-size:20px;transition:transform .3s}.btn-quiet:hover{color:#b5d5f5}.btn-quiet:hover span{transform:translate(4px,-3px)}.hero-microfacts{display:flex;gap:0;margin-top:65px;border-top:1px solid #d6e6f720;max-width:570px}.hero-microfacts>div{flex:1;min-width:0;display:flex;gap:12px;align-items:center;padding:19px 17px 0;border-right:1px solid #d6e6f720}.hero-microfacts>div:first-child{padding-left:0}.hero-microfacts>div:last-child{border-right:0}.hero-microfacts strong{font-size:20px;letter-spacing:-.05em;color:#c7dff8}.hero-microfacts span{color:#8b9fbe;font-size:11px;line-height:1.2}.hero-bottom{height:53px;position:relative;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e6f2fd12}.hero-bottom>span{font-size:9px;letter-spacing:.22em;font-weight:780;color:#8298b9}.scroll-cue{display:flex;align-items:center;gap:14px;color:#becfe0;font-size:9px;font-weight:700;letter-spacing:.12em}.scroll-track{display:block;height:24px;width:12px;border:1px solid #b9cbdda0;border-radius:10px;position:relative}.scroll-track i{width:2px;height:6px;position:absolute;top:4px;left:4px;background:#bbdbfb;border-radius:9px;animation:scroll 2s ease-in-out infinite}@keyframes scroll{50%{transform:translateY(7px)}}
/* Interactive concept board */
.hero-visual{position:relative;perspective:1250px;min-width:0;transform:translateY(11px)}.demo-halo{position:absolute;inset:5% 4%;border-radius:100%;filter:blur(65px);background:#8dbff220;pointer-events:none}.demo-container{position:relative;background:#131c29;border:1px solid #96a8c444;border-radius:13px;box-shadow:0 34px 90px #0008,0 0 0 7px #d4e8fc06;transform:rotate(-1.5deg) rotateY(-5deg);transition:transform .55s var(--easing),box-shadow .55s}.hero-visual:hover .demo-container{transform:rotate(0) rotateY(0) translateY(-5px);box-shadow:0 42px 115px #0008,0 0 0 7px #d4e8fc09}.demo-titlebar{height:44px;border-bottom:1px solid #c4daf01c;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.demo-brand-mini{font-size:9px;font-weight:800;letter-spacing:.19em;color:#cddae7;display:flex;align-items:center;gap:10px}.four-dots{display:grid;grid-template-columns:repeat(2,4px);gap:2px;transform:rotate(-15deg)}.four-dots i{width:4px;height:4px;background:#bed5ed;border-radius:1px}.demo-version{color:#647fa8;font-size:10px}.demo-main{display:grid;grid-template-columns:58px minmax(0,1fr);min-height:400px}.demo-sidebar{border-right:1px solid #bdd2e81e;display:flex;flex-direction:column;align-items:center;padding:17px 10px;gap:11px}.demo-tab{width:37px;height:37px;background:transparent;color:#7f95b7;border:1px solid transparent;border-radius:8px;display:grid;place-items:center;padding:9px;position:relative;transition:background .25s,color .25s,transform .25s,border-color .25s}.demo-tab svg{width:21px;height:21px}.demo-tab.is-active,.demo-tab:hover{color:#dbecfd;background:#b4d3f31c;border-color:#a7c5e34d;transform:translateX(3px)}.demo-tab-tip{position:absolute;pointer-events:none;top:50%;left:calc(100% + 10px);transform:translate(-6px,-50%);opacity:0;padding:8px 11px;border:1px solid #9bacc64d;background:#1b2738;color:#e1edf9;border-radius:7px;white-space:nowrap;font-size:10px;z-index:10;transition:opacity .2s,transform .2s}.demo-tab:hover .demo-tab-tip{opacity:1;transform:translate(0,-50%)}.demo-sidebar-line{width:1px;flex:1;background:#b6c9dc29;min-height:30px}.demo-sidebar-end{color:#748cb1;font-size:22px}.demo-content{padding:25px 23px 20px;min-width:0}.demo-overline{font-size:9px;font-weight:790;letter-spacing:.16em;color:#8aa1c4;display:flex;align-items:center;gap:10px;margin:0 0 18px}.mini-light,.live-dot{width:6px;height:6px;background:#a4ccf4;display:inline-block;border-radius:50%;box-shadow:0 0 0 3px #cae3fc0c}.demo-menu-dots{margin-left:auto;color:#8298b8;letter-spacing:2px}.demo-panel{animation:panel-rise .32s both}.demo-panel h2{font-size:clamp(19px,2.1vw,27px);letter-spacing:-.045em;line-height:1.15;font-weight:650;max-width:320px;margin:0 0 8px}.panel-header{min-height:119px}.panel-header p{color:#8ea2c0;font-size:11px;line-height:1.65;max-width:320px;margin:0}.panel-index{font-size:10px;color:#9eafc9;display:block;margin-bottom:9px;font-weight:730}@keyframes panel-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-window{height:205px;border:1px solid #afc3d831;border-radius:10px;background:linear-gradient(145deg,#e9eff5,#d4e0eb);color:#1a2636;box-shadow:0 12px 22px #070e1735;overflow:hidden}.window-upper{height:37px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1e2d4223;padding:0 14px;letter-spacing:.09em;font-weight:750;font-size:9px;color:#4d658a}.window-feature{display:flex;align-items:center;gap:11px;padding:12px 15px}.window-mainicon{width:39px;height:39px;display:grid;place-items:center;color:#2c4873;border:1px solid #92a6c5;background:white;border-radius:9px;font-size:24px}.window-feature>div:nth-child(2){display:flex;flex-direction:column}.window-feature small{font-size:9px;color:#526c93}.window-feature strong{font-size:21px;letter-spacing:-.05em}.status{margin-left:auto;padding:6px 7px;border-radius:4px;font-size:8px;font-weight:770}.amber,.tag-amber{color:#895b22;background:#ffebce}.window-rows{margin:0 15px;border-top:1px solid #1e2d4222}.window-rows>div{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #1e2d4217;font-size:10px;color:#495f81}.window-rows b{font-size:9px;color:#29374a}.tiny-line{width:7px;height:7px;display:inline-block;border:1px solid #7990b3;border-radius:3px;margin-right:8px}.roster-legend,.roster-line{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;gap:8px}.roster-legend{color:#57729b;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.roster-line{border-top:1px solid #a5b8d458;font-size:10px}.roster-line>span{display:flex;align-items:center;gap:9px;font-weight:650}.roster-line i{width:21px;height:21px;background:#cbd8e6;border-radius:50%;display:grid;place-items:center;font-size:9px;font-style:normal}.roster-line strong,.tile-roster b,.calendar-event .tag-amber{font-size:8px;font-weight:790;border-radius:4px;padding:6px 7px;white-space:nowrap}.tag-green{background:#c0d5eb;color:#1a3c6b}.tag-red{background:#f7d7d4;color:#a04843}.dots i{display:inline-block;width:5px;height:5px;background:#738cb1;border-radius:50%;margin-left:3px}.calendar-days{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:17px 15px 13px}.calendar-days span{display:grid;place-items:center;height:28px;font-size:10px;color:#4a6184;border-radius:6px}.calendar-days .selected{background:#354a6a;color:white}.calendar-event{margin:0 15px;border:1px solid #b0c4d9;border-radius:7px;background:#f9fcff;display:flex;align-items:center;gap:10px;padding:9px}.calendar-symbol{display:grid;place-items:center;width:26px;height:26px;border-radius:5px;background:#d9e4ef;color:#3f5b84;font-size:17px}.calendar-event div{display:flex;flex-direction:column;min-width:0}.calendar-event div strong{font-size:10px}.calendar-event small{font-size:8px;color:#5b77a1}.calendar-event .tag-amber{margin-left:auto}.calendar-bottom{display:block;margin:8px 15px;color:#557098;font-size:9px}.demo-footer{height:44px;padding:0 14px;border-top:1px solid #c4daf01c;display:flex;align-items:center;justify-content:space-between;gap:9px;color:#7b92b4;font-size:8px;white-space:nowrap}.demo-footer>span:last-child{display:flex;align-items:center;gap:6px;white-space:normal;text-align:right}.demo-footer-code{letter-spacing:.13em}.floating-label{position:absolute;z-index:3;border:1px solid #d3e7fc30;padding:11px 14px;border-radius:7px;background:#182435e8;backdrop-filter:blur(18px);box-shadow:0 16px 28px #0003;font-size:9px;letter-spacing:.1em;font-weight:760;white-space:nowrap;color:#d3dfeb;transition:transform .5s var(--easing)}.floating-label-left{left:-40px;bottom:73px;display:flex;gap:8px;align-items:center;transform:rotate(4deg)}.floating-label-left span{color:#b4d6f9;font-size:16px}.floating-label-right{right:-28px;top:48px;display:flex;align-items:center;gap:9px;transform:rotate(5deg)}.hero-visual:hover .floating-label-left{transform:translate(-4px,-5px) rotate(1deg)}.hero-visual:hover .floating-label-right{transform:translate(6px,5px) rotate(1deg)}.signal-bars{display:flex;gap:2px;align-items:flex-end;height:12px}.signal-bars i{width:3px;border-radius:2px;background:#abcbeb}.signal-bars i:nth-child(1){height:5px}.signal-bars i:nth-child(2){height:9px}.signal-bars i:nth-child(3){height:12px}
/* Progress ribbon */
.snapshot{background:#e4ebf2;border-bottom:1px solid #cedbe8}.snapshot-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0}.snapshot-inner>div:first-child{display:flex;align-items:center;gap:12px}.snapshot-symbol{font-size:21px;color:#4d6994;transition:transform .4s}.snapshot:hover .snapshot-symbol{transform:rotate(70deg)}.snapshot p{margin:0;font-size:12px;font-weight:750}.snapshot-tags{display:flex;align-items:center;gap:25px}.snapshot-tags span{display:flex;align-items:center;gap:7px;font-size:11px;color:#495f81}.snap-dot{width:6px;height:6px;border-radius:50%}.snap-green{background:#4369a2}.snap-blue{background:#4c94c2}.snap-yellow{background:#c59b5d}
/* Products */
.products{background:#fafbfc}.section-lead{display:grid;grid-template-columns:1.16fr .84fr;align-items:end;gap:70px;margin-bottom:43px}.section-lead h2{font-size:clamp(36px,4vw,61px);max-width:640px;letter-spacing:-.072em;line-height:1.06;font-weight:650;margin:0}.section-lead>p{font-size:16px;line-height:1.75;color:#58749d;max-width:420px;margin:0 0 5px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-tile{border:1px solid #d8e2ec;border-radius:11px;background:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .4s var(--easing),box-shadow .4s var(--easing),border-color .4s var(--easing)}.product-tile::before,.method-item::before{pointer-events:none;content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(240px circle at var(--mouse-x,50%) var(--mouse-y,30%),#fff9,transparent 80%);opacity:0;transition:opacity .35s}.product-tile:hover::before,.method-item:hover::before{opacity:.6}.product-tile:hover{transform:translateY(-9px);box-shadow:0 30px 80px #2633441b;border-color:#adc2d7}.tile-top{height:61px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 22px;font-size:10px;color:#4c6487;letter-spacing:.14em;font-weight:800}.tile-state{display:flex;align-items:center;gap:7px;border:1px solid #dae3ed;border-radius:50px;padding:6px 9px;background:#fff;letter-spacing:0;font-size:10px;text-transform:none;white-space:nowrap}.tile-state i{width:6px;height:6px;border-radius:50%;background:#5d79a4}.blue-tile .tile-state i{background:#6ba3c5}.sand-tile .tile-state i{background:#c89c63}.tile-picture{height:255px;position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}.tile-picture-1{background:radial-gradient(circle at 65% 35%,#e0ecf9 0%,#bcd1e7 65%,#a5bdd6 100%)}.tile-picture-2{background:radial-gradient(circle at 60% 35%,#e8f0fd,#c3d6e9 70%,#aec5dc)}.tile-picture-3{background:radial-gradient(circle at 65% 30%,#f8ead4,#e9d9c1 65%,#d6bfa3)}.tile-picture::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff2 1px,transparent 1px),linear-gradient(#fff2 1px,transparent 1px);background-size:33px 33px;opacity:.7}.tile-big-icon{position:absolute;top:18px;left:22px;width:36px;height:36px;z-index:2;color:#2b3f5c;transition:transform .5s var(--easing)}.tile-picture-2 .tile-big-icon{color:#446b89}.tile-picture-3 .tile-big-icon{color:#8f6a44}.product-tile:hover .tile-big-icon{transform:rotate(-18deg) scale(1.2)}.tile-picture-cross{position:absolute;font-size:17px;font-weight:300;color:#445a7c73}.cross-a{left:20px;bottom:15px}.cross-b{top:16px;right:20px}.tile-phone{position:absolute;top:37px;width:160px;height:239px;border:7px solid #151f2c;border-bottom:0;border-radius:24px 24px 0 0;background:#f9fcfe;color:#1c283a;padding:20px 12px 12px;box-shadow:0 23px 40px #2130443b;transform:translateY(14px) rotate(-9deg);transition:transform .6s var(--easing)}.product-tile:hover .tile-phone{transform:translateY(1px) rotate(-2deg)}.phone-notch{position:absolute;top:5px;left:50%;width:34px;height:4px;background:#1c2839;transform:translateX(-50%);border-radius:9px}.phone-head{font-size:9px;color:#315182;font-weight:800}.phone-head span{color:#6e88ae}.tile-phone p{font-size:10px;margin:16px 0 5px}.tile-phone strong{font-size:17px;letter-spacing:-.04em}.phone-tag{display:block;background:#fff0d7;color:#966b3f;font-weight:760;border-radius:4px;padding:5px;font-size:8px;margin:11px 0}.phone-bar{display:flex;gap:3px;margin:12px 0}.phone-bar i{height:5px;border-radius:4px;background:#7c98c3;flex:1}.phone-bar i:last-child{background:#cedbe8}.phone-row{font-size:8px;color:#4e668a;display:flex;justify-content:space-between;padding:5px 0;border-top:1px solid #e1e9f1}.phone-row b{color:#33435a}.tile-roster,.tile-calendar{width:85%;height:185px;background:#fcfeff;box-shadow:0 26px 38px #263b5930;border:1px solid #baccdf;border-radius:8px;transform:perspective(650px) rotateY(-10deg) rotateX(5deg) translateY(14px);transition:transform .6s var(--easing);overflow:hidden}.product-tile:hover .tile-roster,.product-tile:hover .tile-calendar{transform:perspective(650px) rotateY(0) rotateX(0) translateY(0)}.tile-roster-head{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;border-bottom:1px solid #d5e0eb;color:#4f688d;font-weight:760;font-size:9px;letter-spacing:.08em}.tile-roster>div:not(.tile-roster-head){display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-bottom:1px solid #e5ecf3;font-size:10px;color:#34445d;gap:8px}.tile-roster b{font-size:8px}.calendar-mini-days{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:6px;padding:13px 15px}.calendar-mini-days>*{font-size:10px;text-align:center;color:#59749d;padding:8px 2px;font-weight:500}.calendar-mini-days b{background:#3e5982;color:white;border-radius:6px}.tile-calendar-event{background:#e2eaf2;border-radius:7px;display:flex;align-items:center;gap:10px;margin:10px 14px;padding:14px 10px}.tile-calendar-event>span{width:29px;height:29px;background:#b5c8db;border-radius:6px;display:grid;place-items:center;color:#4a6184}.tile-calendar-event div{display:flex;flex-direction:column;gap:3px}.tile-calendar-event strong{font-size:10px}.tile-calendar-event small{font-size:9px;color:#5a76a0}.tile-content{padding:25px 25px 24px;flex:1}.tile-type{font-size:10px;color:#4a6183;font-weight:780;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}.blue-tile .tile-type{color:#4f7c98}.sand-tile .tile-type{color:#9b754b}.tile-content h3{font-size:27px;letter-spacing:-.055em;line-height:1.05;font-weight:700;margin:0 0 17px}.tile-content h3 span{display:block;color:#5a76a0;font-size:22px;margin-top:5px;font-weight:540}.tile-content>p:not(.tile-type){font-size:13px;color:#4c6488;line-height:1.75;min-height:91px;margin-bottom:16px}.tile-points{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#3d506d;line-height:1.5}.tile-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #e4ebf2;padding:14px 19px 17px}.tile-preview{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:#203552;font-size:10px;font-weight:800;white-space:nowrap}.tile-preview:hover .tile-icon{background:#1c2e47;color:#fff;transform:rotate(45deg)}.tile-icon{width:26px;height:26px;border:1px solid #acc1d7;display:grid;place-items:center;border-radius:6px;transition:background .3s,color .3s,transform .3s;font-size:16px}.tile-email{color:#556f97;font-size:10px;font-weight:720;white-space:nowrap;transition:color .25s}.tile-email:hover{color:#253f64}.tile-email span{margin-left:4px}.subtle-note{font-size:11px;color:#778fb3;margin:18px 0 0}
/* Mission */
.statement{background:#151f2e;color:#f5fafe;position:relative;overflow:hidden}.statement::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 100%,#95add124,transparent 30%),repeating-linear-gradient(110deg,#ffffff00 0px,#ffffff00 68px,#ffffff04 69px,#ffffff04 70px);pointer-events:none}.statement-inner{padding:95px 0 106px;position:relative}.statement-top{display:flex;justify-content:space-between;align-items:center}.statement-stamp{font-size:10px;letter-spacing:.18em;color:#7d94b6}.statement-split{display:grid;grid-template-columns:1.5fr .5fr;gap:60px;align-items:end}.statement h2{font-size:clamp(36px,5.1vw,76px);letter-spacing:-.073em;line-height:1.1;font-weight:580;margin:20px 0 0}.statement h2 em{color:#a8c9ea;font-family:Georgia,serif;font-weight:400;font-size:.96em}.statement-split>p{font-size:14px;line-height:1.9;color:#a9bfd6;max-width:326px;margin:0 0 6px}.statement-decor{height:38px;display:flex;align-items:center;gap:20px;margin-top:60px}.statement-line{height:1px;background:#d7eafc2c;flex:1}.statement-plus{color:#a9c7e5;font-size:28px;transition:transform .6s}.statement:hover .statement-plus{transform:rotate(90deg)}
/* Method */
.method{background:#eff3f7}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.method-item{border-radius:9px;min-height:367px;border:1px solid #cfdce8;background:#fff;padding:26px 27px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background .35s,transform .35s,border-color .35s}.method-item:hover{transform:translateY(-7px);border-color:#afc3d8;background:#f8fbfd}.method-number{font-size:12px;color:#6a84ab;font-weight:760}.method-glyph{width:88px;height:88px;margin:37px 0 auto;color:#526c92;transition:transform .6s var(--easing),color .4s}.method-item:hover .method-glyph{transform:rotate(14deg) scale(1.1);color:#233e67}.method-overline{font-size:9px;font-weight:750;letter-spacing:.16em;color:#59759e;margin-bottom:10px}.method-item h3{font-size:23px;letter-spacing:-.045em;margin:0 0 11px;font-weight:670}.method-item p{font-size:13px;color:#5c78a3;line-height:1.75;margin:0 0 21px}.method-tail{position:absolute;right:23px;top:25px;color:#738bb0;font-size:22px;transform:rotate(-45deg);transition:transform .35s,color .35s}.method-item:hover .method-tail{transform:rotate(0) translateX(4px);color:#274169}
/* Roadmap */
.roadmap{background:#e4ebf2;padding:113px 0}.roadmap-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:105px}.roadmap-left h2{font-size:clamp(37px,4.2vw,60px);letter-spacing:-.07em;line-height:1.06;font-weight:650;margin:0 0 23px}.roadmap-left>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#536d94;max-width:398px}.roadmap-stamp{display:flex;align-items:center;gap:15px;margin-top:57px;color:#5e7aa4;font-size:10px;font-weight:790;letter-spacing:.12em;line-height:1.5}.stamp-cross{width:42px;height:42px;display:grid;place-items:center;border:1px solid #9fb3d1;border-radius:100%;font-size:23px}.roadmap-label{display:flex;justify-content:space-between;border-bottom:1px solid #acc1d7;padding-bottom:21px;font-size:10px;font-weight:790;letter-spacing:.15em;color:#50698e}.roadmap-entry{display:grid;grid-template-columns:36px 1fr 11px;align-items:center;gap:14px;padding:23px 0;border-bottom:1px solid #baccde;transition:padding .35s var(--easing),background .35s}.roadmap-entry:hover{padding-left:12px;background:#d9e3ed}.roadmap-idx{font-size:11px;font-weight:850;color:#6f88ae}.roadmap-entry strong{font-size:17px;letter-spacing:-.02em}.roadmap-entry p{font-size:12px;color:#557098;margin:7px 0 0}.roadmap-indicator{width:10px;height:10px;border-radius:50%}.roadmap-indicator.green{background:#4d6fa1}.roadmap-indicator.blue{background:#5a9fc5}.roadmap-indicator.sand{background:#cda26d}.roadmap-next{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;background:#1a2c46;color:#dfecf8;border-radius:7px;padding:19px 22px}.roadmap-next span{font-size:10px;font-weight:800;letter-spacing:.13em;white-space:nowrap}.roadmap-next p{font-size:12px;max-width:265px;line-height:1.5;margin:0;color:#bbccde}
/* Origin */
.origin{background:#fff}.origin-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px}.origin-visual{height:460px;background:#ccdae7;position:relative;overflow:hidden;border-radius:9px;isolation:isolate}.origin-visual::before{content:"";position:absolute;inset:-5%;background:repeating-linear-gradient(0deg,#2b43670f 0px,#2b43670f 1px,transparent 1px,transparent 36px),repeating-linear-gradient(90deg,#2b43670f 0px,#2b43670f 1px,transparent 1px,transparent 36px);transform:rotate(15deg) scale(1.4);transition:transform .8s}.origin-visual:hover::before{transform:rotate(0deg) scale(1.4)}.origin-line{position:absolute;width:530px;height:530px;border:1px solid #384d6c66;border-radius:50%;top:120px;left:-100px}.origin-line::before{content:"";position:absolute;inset:56px;border:1px solid #384d6c3d;border-radius:50%}.origin-large{font-size:225px;letter-spacing:-.12em;font-weight:820;color:#304769;line-height:1;position:absolute;left:27px;bottom:65px}.origin-large span{color:#557098}.origin-coordinate{position:absolute;top:29px;left:30px;color:#485e7f;font-size:10px;font-weight:800;letter-spacing:.16em}.origin-asterisk{position:absolute;right:20px;top:14px;font-size:60px;color:#6d89b3;transition:transform .7s}.origin-visual:hover .origin-asterisk{transform:rotate(90deg)}.origin-copy h2{font-size:clamp(36px,4vw,55px);letter-spacing:-.07em;line-height:1.1;font-weight:660;margin:0 0 26px}.origin-copy>p:not(.eyebrow){font-size:15px;line-height:1.88;color:#50688d;max-width:485px}.origin-foot{margin-top:35px;border-top:1px solid #d6e0eb;padding-top:19px;color:#526b91;font-size:11px;display:flex;gap:12px;align-items:center;font-weight:700}.origin-foot-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #c4d3e3;border-radius:50%;font-size:20px;color:#395379}
/* Contact */
.contact{position:relative;overflow:hidden;background:#0b1522;color:#f7fbfe;isolation:isolate}.contact-aura{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 75% 52%,#465c7d57,transparent 33%),radial-gradient(circle at 85% 10%,#7b92b41f,transparent 26%)}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:490px;gap:50px;padding:92px 0}.contact-left{position:relative;z-index:3}.contact h2{font-size:clamp(42px,5.2vw,74px);line-height:1.07;letter-spacing:-.073em;font-weight:615;margin:0 0 24px}.contact h2 em{color:#b7d5f3;font-family:Georgia,serif;font-weight:400}.contact-left>p:not(.eyebrow){color:#aac0d6;font-size:15px;line-height:1.7;max-width:400px;margin-bottom:28px}.copy-email{background:none;border:0;padding:11px 0;color:#baccde;font-size:11px;font-weight:760;display:flex;align-items:center;gap:12px;transition:color .25s}.copy-email:hover{color:#aad0f7}.copy-email span{font-size:20px}.contact-mail{display:inline-block;color:#97a9c5;font-size:12px;border-bottom:1px solid #637fa8;margin-top:25px;padding-bottom:4px}.contact-right{height:370px;display:grid;place-items:center;position:relative}.contact-ring{border:1px solid #a7cbef3d;position:absolute;border-radius:50%;transform:rotate(-20deg);aspect-ratio:1;transition:transform .6s var(--easing)}.ring-1{width:320px}.ring-2{width:240px;border-color:#a7cbef6a}.ring-3{width:151px;border-color:#a7cbefb7;box-shadow:0 0 80px #badafb19}.contact-center{font-size:78px;color:#b2d2f2;filter:drop-shadow(0 0 22px #add3fa49);transition:transform .7s var(--easing)}.contact:hover .ring-1{transform:rotate(18deg) scale(1.04)}.contact:hover .ring-2{transform:rotate(30deg) scale(.96)}.contact:hover .ring-3{transform:rotate(55deg) scale(1.06)}.contact:hover .contact-center{transform:rotate(45deg)}
/* Footer */
.footer{background:#090f17;color:#7d94b6;padding:41px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:36px;border-bottom:1px solid #b6c9dc20}.footer-brand{font-size:24px;letter-spacing:-.07em;color:#edf6fe;font-weight:800}.footer-brand span{color:#a2c2e3}.footer-brand i{color:#a2c2e3;font-style:normal}.footer-top>span{font-size:11px}.footer-links{display:flex;gap:22px}.footer-links a{font-size:11px;font-weight:700;color:#a3b6d2;transition:color .25s}.footer-links a:hover{color:#b8d6f5}.footer-bottom{display:flex;justify-content:space-between;gap:36px;padding-top:24px;font-size:10px;color:#6983aa;line-height:1.7}.footer-bottom>span:last-child{max-width:685px;text-align:right}.privacy{max-width:690px;margin-left:auto;font-size:10px;color:#6983aa}.privacy summary{cursor:pointer;list-style:none;text-align:right;margin-top:8px}.privacy summary:hover{color:#c1d3e5}.privacy p{text-align:right;line-height:1.8}
/* reveal transitions */
.reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .7s var(--easing)}.js .reveal{opacity:0;transform:translateY(21px)}.js .reveal.is-revealed{opacity:1;transform:translateY(0)}.product-grid .reveal:nth-child(2),.method-grid .reveal:nth-child(2){transition-delay:.1s}.product-grid .reveal:nth-child(3),.method-grid .reveal:nth-child(3){transition-delay:.2s}.reveal-onload{animation:onload .9s .15s both}@keyframes onload{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(11px)}}
@media(max-width:1200px){.shell{width:min(100% - 76px,1300px)}.nav-inner{gap:28px}.main-nav{gap:19px}.hero-inner{gap:30px}.hero h1{font-size:clamp(50px,5.4vw,72px)}.floating-label-left{left:-15px}.floating-label-right{right:-15px}.demo-content{padding:22px 16px}.demo-footer-code{display:none}.product-grid{gap:12px}.tile-content{padding:22px 18px}.tile-content h3{font-size:23px}.tile-content h3 span{font-size:21px}.tile-actions{padding:13px 14px}.roadmap-grid{gap:65px}.origin-layout{gap:70px}}
@media(max-width:950px){.shell{width:min(100% - 52px,1300px)}.nav-header{height:75px}.brand{min-width:0}.main-nav{display:none}.nav-actions{margin-left:auto}.nav-contact{display:none}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:9px;background:transparent;border:1px solid #b8cbde34;border-radius:7px}.hamburger span{width:100%;height:2px;background:#d9e5f2;transition:transform .25s}.hamburger[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.hamburger[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-navigation{position:absolute;top:100%;left:0;right:0;background:#111b28;border-bottom:1px solid #b8cbde34;padding:17px 26px;display:flex;flex-direction:column;gap:0;box-shadow:0 20px 40px #080c135e}.mobile-navigation a{padding:15px 0;border-bottom:1px solid #b8cbde1a;color:#e5edf5;font-size:14px}.hero-inner{grid-template-columns:1fr;gap:45px;padding:75px 0 75px}.hero h1{font-size:clamp(58px,8vw,86px)}.hero-intro{max-width:660px}.hero-microfacts{margin-top:42px}.hero-visual{max-width:630px;width:100%;margin:0 auto}.floating-label-left{left:-15px}.floating-label-right{right:-14px}.demo-content{padding:25px 23px 20px}.snapshot-inner{align-items:flex-start}.snapshot-tags{gap:15px;flex-wrap:wrap}.section{padding:86px 0}.product-grid{grid-template-columns:repeat(2,1fr)}.product-tile:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.product-tile:last-child .tile-top{grid-column:1/-1}.product-tile:last-child .tile-picture{grid-column:1;grid-row:2/4;height:auto;min-height:270px}.product-tile:last-child .tile-content{grid-column:2;grid-row:2;padding:28px}.product-tile:last-child .tile-actions{grid-column:2;grid-row:3}.statement-split{grid-template-columns:1fr;gap:25px}.statement-split>p{max-width:650px}.method-grid{gap:10px}.method-item{padding:21px}.roadmap-grid{gap:36px}.origin-layout{gap:40px}.origin-visual{height:380px}.origin-large{font-size:180px}.footer-top{flex-wrap:wrap}}
@media(max-width:680px){.shell{width:calc(100% - 36px)}.nav-header{height:71px}.brand-glyph{height:37px;width:37px}.brand-name{font-size:18px}.brand-name small{font-size:7px}.nav-actions{gap:14px}.hero-inner{padding:58px 0 55px}.hero .eyebrow{letter-spacing:.125em;font-size:9px}.hero h1{font-size:clamp(43px,10vw,65px);letter-spacing:-.068em}.hero h1 em{white-space:normal}.hero-intro{font-size:14px;line-height:1.8}.hero-microfacts{margin-top:44px}.hero-microfacts>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 10px 0}.hero-microfacts strong{font-size:18px}.hero-microfacts span{font-size:10px}.hero-visual{width:100%;transform:none}.demo-container{transform:none}.hero-visual:hover .demo-container{transform:translateY(-2px)}.demo-main{grid-template-columns:45px minmax(0,1fr);min-height:390px}.demo-sidebar{padding:12px 6px;gap:10px}.demo-tab{width:33px;height:36px;padding:8px}.demo-content{padding:17px 12px 14px}.demo-panel h2{font-size:22px}.panel-header{min-height:120px}.panel-header p{font-size:10px}.panel-window{height:198px}.demo-footer{font-size:8px}.demo-titlebar{padding:0 10px}.demo-brand-mini{font-size:8px}.demo-tab-tip{display:none}.floating-label{display:none}.hero-bottom>span{font-size:7px;letter-spacing:.13em;max-width:250px}.snapshot-inner{display:block}.snapshot-tags{margin-top:15px;gap:13px}.snapshot-tags span{font-size:10px}.section{padding:75px 0}.section-lead{grid-template-columns:1fr;gap:17px;margin-bottom:30px}.section-lead h2{font-size:39px}.section-lead>p{font-size:14px}.product-grid{grid-template-columns:1fr;gap:20px}.product-tile:last-child{display:flex;grid-column:auto}.product-tile:last-child .tile-picture{height:255px;min-height:0}.product-tile:last-child .tile-content{padding:24px}.product-tile:last-child .tile-actions{padding:15px 19px}.tile-picture{height:250px}.tile-content h3{font-size:26px}.tile-content h3 span{font-size:24px}.tile-content>p:not(.tile-type){min-height:0}.tile-points{min-height:0}.tile-top{height:56px}.statement-inner{padding:77px 0}.statement h2{font-size:clamp(35px,9vw,53px)}.statement h2 em{font-size:.95em}.statement-split>p{font-size:13px}.method-grid{grid-template-columns:1fr}.method-item{min-height:270px}.method-glyph{width:65px;height:65px;margin:18px 0 24px}.method-item p{max-width:420px}.roadmap{padding:73px 0}.roadmap-grid{grid-template-columns:1fr;gap:36px}.roadmap-left h2{font-size:43px}.roadmap-stamp{margin-top:28px}.roadmap-entry strong{font-size:15px}.roadmap-next{flex-direction:column;align-items:flex-start;gap:9px}.origin-layout{grid-template-columns:1fr;gap:35px}.origin-visual{height:330px}.origin-large{font-size:160px}.origin-copy h2{font-size:43px}.contact-layout{grid-template-columns:1fr;gap:10px;padding:82px 0}.contact-right{display:none}.contact h2{font-size:clamp(39px,9vw,60px)}.contact-left>p:not(.eyebrow){font-size:14px}.footer-top{flex-direction:column;align-items:flex-start;gap:19px}.footer-links{gap:16px;flex-wrap:wrap}.footer-bottom{display:block}.footer-bottom>span{display:block;margin-bottom:10px}.footer-bottom>span:last-child{text-align:left}.privacy{margin:0}.privacy summary,.privacy p{text-align:left}}
@media(max-width:390px){.brand-name{font-size:16px}.language-switch{font-size:10px}.hero h1{font-size:42px}.demo-content{padding:15px 9px}.demo-panel h2{font-size:19px}.roster-line{padding:9px 7px}.roster-line strong{font-size:7px}.window-feature{padding:10px}.window-feature .status{font-size:7px}.tile-actions{flex-wrap:wrap}.tile-email{padding-left:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-visual{opacity:1;transform:none}}

.demo-hint{margin:19px 0 0;text-align:center;color:#8399ba;font-size:10px;line-height:1.5;font-weight:590}.hero-visual:hover .demo-hint{color:#bcd8f4}

/* Nordic Blue: deliberate brand hierarchy and accessible blue action controls. */
::selection{background:#83C5FF;color:#081A33}
:focus-visible{outline:3px solid #FFB86B;outline-offset:4px}
.nav-header{background:#071427;border-bottom-color:#B6D9FF22}
.brand-glyph{color:#9DD3FF;border-color:#80BBFF55;background:#16487929}
.brand:hover .brand-glyph{background:#2563EB35}
.brand-name>span,.footer-brand span,.footer-brand i{color:#9FD2FF}
.main-nav a::after{background:#83C5FF}
.nav-contact{background:#D8ECFF;color:#102F57}
.nav-contact:hover{background:#A9D8FF}
.hero{background:radial-gradient(ellipse 100% 115% at 94% 45%,#123B70 0%,#0A2446 47%,#071427 100%)}
.hero-grid{opacity:.32;background-image:linear-gradient(#91C8FF0C 1px,transparent 1px),linear-gradient(90deg,#91C8FF0C 1px,transparent 1px)}
.hero-orb{background:radial-gradient(circle,#408FFF24 0%,#5574F412 40%,transparent 70%)}
.hero h1 em{color:#92CFFF}
.hero-intro{color:#B9CEE4}
.hero-microfacts strong{color:#B4DDFF}
.hero-microfacts span,.hero-bottom>span{color:#93B1D0}
.hero-microfacts,.hero-microfacts>div{border-color:#9FC9F02A}
.eyebrow-on-dark{color:#BBD5EE}
.pulse-dot{background:#79BDFF;box-shadow:0 0 0 5px #79BDFF23}
.btn-accent{background:#B8DEFF;color:#092443;box-shadow:0 12px 34px #3D83E021}
.btn-accent:hover{background:#8EC7FF;box-shadow:0 18px 42px #458CF64A}
.btn-circle{background:#17477C;color:#F2F9FF}
.btn-quiet:hover{color:#A6D7FF}
.demo-container{background:#102642;border-color:#79B3F05E;box-shadow:0 34px 100px #031024A6,0 0 0 7px #B5D9FF08}
.hero-visual:hover .demo-container{box-shadow:0 42px 115px #02152DCC,0 0 0 7px #D1E8FF0B}
.demo-halo{background:#348FFF33}
.demo-tab.is-active,.demo-tab:hover{background:#408CE52B;border-color:#94CBFF72;color:#E3F2FF}
.demo-tab-tip{background:#153A67;border-color:#8CBEF066;color:#F0F8FF}
.demo-overline{color:#88C9FF}
.demo-sidebar-end{color:#8BBDFF}
.panel-window{background:linear-gradient(145deg,#F0F7FF,#DCEBFF);border-color:#A6C9ED77;color:#1A3658}
.demo-hint{color:#91B8DB}
.hero-visual:hover .demo-hint{color:#D3E9FF}
/* Blue-driven visuals: distinct blue, icy azure and soft lavender product cards. */
.tile-picture-1{background:radial-gradient(circle at 66% 32%,#F1F9FF 0%,#BEDDFF 66%,#9AC7F6 100%)}
.tile-picture-2{background:radial-gradient(circle at 60% 35%,#F1F4FF 0%,#D0E4FF 70%,#A3C9F4 100%)}
.tile-picture-3{background:radial-gradient(circle at 65% 30%,#F2F3FF 0%,#DCDFFD 64%,#C2CEF4 100%)}
.roadmap-indicator.green,.roadmap-indicator.blue,.roadmap-indicator.sand{background:#2563EB}
.roadmap-indicator.blue{background:#579CFA}
.roadmap-indicator.sand{background:#8F99E9}
.contact{background:#081A33}
.contact-aura{background:radial-gradient(circle at 78% 52%,#2866C56C,transparent 33%),radial-gradient(circle at 87% 8%,#6D97EF26,transparent 30%)}
.contact h2 em{color:#A9D7FF}
.contact-center{color:#99CFFF;filter:drop-shadow(0 0 24px #468CFB7D)}
.contact-ring{border-color:#87B8FF48}
.ring-2{border-color:#87B8FF77}.ring-3{border-color:#A7D4FFD1;box-shadow:0 0 80px #4898FF35}
.footer{background:#071427}
.footer-links a:hover{color:#A8D4FF}
/* Semantic colors still distinguish available / possible / conflict via explicit text and labels. */
.tag-green{background:#D8E9FF!important;color:#184DA1!important}
/* High-visibility accessible blue hover interaction on tab icons */
.demo-tab:hover svg,.demo-tab:focus-visible svg{filter:drop-shadow(0 0 5px #83C5FF7A)}