@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#f6f5ef;--navy:#071936;--blue:#064bff;--line:#d6d8dd;--muted:#667084}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--navy);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #3d87ff;outline-offset:5px}header{height:100px;padding:20px 4%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;background:var(--paper)}.brand{width:235px;height:64px;overflow:hidden;position:relative}.brand img{width:235px;height:132px;object-fit:cover;position:absolute;top:-35px;mix-blend-mode:multiply}nav{display:flex;gap:38px;font-size:14px}nav a:hover{color:var(--blue)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:26px;border-radius:99px;padding:16px 25px;font-size:14px;font-weight:600;border:1px solid transparent;transition:transform .25s,background .25s}.pill:hover{transform:translateY(-3px)}.pill span{font-size:21px}.dark{background:var(--navy);color:white}.blue{background:var(--blue);color:white}.outline{border-color:var(--navy)}.hero{position:relative;display:grid;grid-template-columns:49% 51%;min-height:740px;overflow:hidden;padding-left:4%}.hero-copy{padding:55px 0 65px;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700}.sticker{display:inline-block;border:1px solid var(--navy);border-radius:99px;padding:10px 17px;margin-bottom:35px}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(74px,8.1vw,132px);line-height:.91;letter-spacing:-2px;margin:0;font-weight:800}h1 em{font-style:normal;background:var(--blue);color:white;padding:0 8px 5px;display:inline-block;margin:8px 0}p{line-height:1.65}.hero-copy>p{font-size:17px;color:#485975;margin:30px 0 25px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-foot{margin-top:40px;font-size:11px;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #064bff12}.reel{display:flex;gap:17px;height:780px;transform:rotate(-6deg) translate(32px,-35px);width:110%;mask-image:linear-gradient(transparent,#000 5%,#000 86%,transparent);padding:20px 0}.reel-column{width:52%;flex-shrink:0;display:flex;flex-direction:column;gap:18px;animation:drift 17s ease-in-out infinite alternate}.reel-column.second{width:44%;margin-top:-120px;animation-direction:alternate-reverse;animation-duration:21s}.reel:hover .reel-column,.paused .reel-column{animation-play-state:paused}@keyframes drift{to{transform:translateY(-110px)}}.media-card{border-radius:23px;overflow:hidden;flex-shrink:0;display:block;position:relative;transition:filter .3s}.media-card:hover{filter:brightness(1.04)}.card-title{font-weight:700;font-size:23px;padding:24px 25px 15px}.card-title small{font-size:12px;font-weight:400;display:block;margin-top:5px}.neural{background:#102c4e;color:white;height:350px}.dashboard{margin:0 17px;padding:15px 18px;background:#071a32;border:1px solid #456489;border-radius:14px;transform:rotate(2deg);box-shadow:0 8px 25px #0003}.dash-top{font-size:8px;letter-spacing:2px;display:flex;justify-content:space-between;color:#7bb4ed}.dashboard h3{font-size:22px;line-height:1.1;font-weight:500}.map-lines{position:absolute;right:40px;top:140px;font-size:55px;color:#7bb4ed;transform:rotate(-20deg)}.roster{display:flex;gap:30px;font-size:8px;color:#90accb}.schedule{margin-top:12px;display:flex;flex-direction:column;gap:8px}.schedule i{height:7px;background:#6ba8cf;width:45%;border-radius:2px}.schedule i:nth-child(2){margin-left:25%;background:#bfa767;width:55%}.schedule i:nth-child(3){margin-left:10%;background:#5e9d95;width:60%}.schedule i:nth-child(4){margin-left:55%;width:30%;background:#7b8bce}.demo-label{font-size:7px;opacity:.5;display:block;margin-top:10px}.calc{background:#e6eef7;height:400px}.calc img{width:100%;height:290px;object-fit:cover}.calc .card-title{padding-bottom:10px}.card-caption{padding:12px 20px;font-size:11px}.code-card{background:#0c2143;color:white;padding:30px;height:260px}.code-card strong{display:block;font-size:37px;line-height:1.15;margin:25px 0}.code-card span{font:12px monospace;color:#8bafe9}.learning{background:#d9e8f3;height:490px}.sky{height:120px;background:linear-gradient(#bed6ec,#eef4f9);position:relative;overflow:hidden}.sky>span{font-size:140px;position:absolute;top:-30px;left:45px;color:#163b60;transform:rotate(-18deg);text-shadow:8px 10px 12px #14325240}.lesson{margin:0 15px 20px;padding:20px;background:#fff9;border-radius:15px}.lesson>small{font-size:7px;letter-spacing:1px}.lesson h3{font-size:21px}.lesson>div{font-size:10px;padding:10px 0;border-top:1px solid #bccddd}.lesson>div span{float:right}.instrument{background:radial-gradient(at top left,#244668,#041021);height:300px;padding:25px;color:white;text-align:center}.gauge{width:210px;height:210px;border:16px solid #1a2633;box-shadow:0 5px 20px #000b,inset 0 0 0 3px #aaa;border-radius:50%;margin:auto;overflow:hidden;position:relative;background:#101e32}.horizon{position:absolute;inset:20px;background:linear-gradient(#3b83bc 50%,#a8783a 50%);border-radius:50%;transform:rotate(-18deg)}.wings{position:absolute;top:73px;left:30px;color:#ffdf73;font-size:30px}.ticks{position:absolute;top:8px;left:22px;font-size:10px}.instrument small{font-size:8px;letter-spacing:2px;display:block;margin-top:17px}.brand-card img{width:100%;display:block}.motion-toggle{position:absolute;bottom:13px;right:4%;border:1px solid #ccd2db;background:var(--paper);border-radius:99px;padding:8px 12px;font-size:10px;z-index:3}.ticker{overflow:hidden;padding:24px 0;border-block:1px solid var(--line);font-size:10px;letter-spacing:3px}.ticker>div{white-space:nowrap;animation:marquee 45s linear infinite;width:max-content}.ticker span{margin:0 50px;color:var(--blue);font-size:18px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:100px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-heading p{font-size:15px;color:#5e6c80;margin-bottom:5px}.section h2{font-size:clamp(40px,5vw,72px);letter-spacing:-3px;line-height:1.06;font-weight:500;margin:20px 0 0}.muted{color:#8b92a0;font-size:12px}.ecosystem{padding-bottom:35px}.world{position:relative;margin:0 -5.5%;aspect-ratio:16/9;overflow:hidden}.world-bg{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform 1s}.world:hover .world-bg{transform:scale(1.025)}#core{position:absolute;width:28%;height:45%;left:36%;top:15%;pointer-events:none}.hotspot{position:absolute;border:1px solid #ccd6e2;background:#fffffff0;padding:14px 21px;border-radius:99px;color:var(--navy);font-size:12px;box-shadow:0 8px 25px #1232;transition:transform .3s}.hotspot:hover{transform:translateY(-6px);background:var(--navy);color:white}.hn{left:10%;top:63%}.he{right:14%;top:18%}.hc{right:12%;bottom:12%}.world-note{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;border-bottom:1px solid var(--line);padding:25px 0}.tabs{display:flex;border-bottom:1px solid #bdc4ce}.tabs button{flex:1;text-align:left;border:0;background:transparent;padding:23px 10px;color:#728097;border-bottom:3px solid transparent}.tabs button span{float:right}.tabs button[aria-selected=true]{color:var(--navy);border-bottom-color:var(--blue)}.product-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:45px;min-height:410px}.product-visual{border-radius:20px;overflow:hidden;background:#e5ecf4;min-height:380px;display:flex;align-items:center;justify-content:center}.product-visual img{width:100%;height:100%;max-height:430px;object-fit:cover}.product-visual.logo img{width:75%;height:auto;mix-blend-mode:multiply}.product-content{padding:20px 0}.product-content .tag{font-size:10px;letter-spacing:1px;color:var(--blue)}.product-content h3{font-size:38px;font-weight:500;letter-spacing:-1px;margin:18px 0}.product-content p{color:#58677d}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.chips span{padding:8px 12px;border:1px solid #ccd2dc;border-radius:99px;font-size:11px}.expertise{background:var(--navy);color:white}.expertise h2 span{color:#83a4cf}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.services article{border-top:1px solid #40506b;padding-top:22px}.services article>span{font-size:11px;color:#83a4cf}.services h3{font-size:24px;font-weight:500;margin:28px 0 15px}.services p{font-size:14px;color:#b2bfd3;max-width:290px}.services a{display:inline-block;margin-top:23px;font-size:13px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:10px}.about-grid h2 em{font-style:normal;color:#71829c}.about-grid>div{padding-top:20px}.about-grid p{color:#627087;font-size:15px}.about-grid .large{font-size:24px;line-height:1.45;color:var(--navy)}.about-signature{margin-top:35px;font-size:23px;font-weight:700}.about-signature small{font-size:8px;letter-spacing:2px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:70px;border-top:1px solid var(--line);padding-top:25px}.process b{font-size:12px}.process p{font-size:12px;color:#68758b}.contact{background:#e8edfa;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:90px}.contact h2 em{color:var(--blue);font-style:normal}.contact p{color:#61718a}.contact-mail{display:inline-block;border-bottom:1px solid var(--navy);margin-top:25px;font-size:17px;padding-bottom:8px}form{padding-top:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:block;font-size:12px;margin-bottom:25px}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #b8c3da;background:transparent;color:var(--navy);padding:13px 0;outline-offset:5px;border-radius:0;font-size:14px}textarea{resize:vertical;min-height:100px}.form-note{font-size:11px}#form-status{font-size:12px;line-height:1.5}footer{padding:60px 5% 25px}.footer-name{font-size:clamp(45px,11.5vw,180px);letter-spacing:-6px;font-weight:700;display:flex;justify-content:space-between;line-height:1.2}.footer-name span{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;margin-top:35px;display:flex;gap:25px;justify-content:space-between;font-size:10px;color:#68758b}.footer-bottom button{border:0;background:transparent;color:inherit;padding:0;font-size:10px}dialog{border:0;border-radius:20px;max-width:560px;padding:40px;background:var(--paper);color:var(--navy)}dialog::backdrop{background:#07193699;backdrop-filter:blur(6px)}dialog h2{font-size:30px}dialog p{font-size:14px}.close{position:absolute;right:20px;top:15px;background:none;border:0;font-size:25px}.skip{position:absolute;left:20px;top:-100px;z-index:99;background:white;padding:15px}.skip:focus{top:10px}.paused *{animation-play-state:paused!important}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.hero{min-height:850px}.reel{height:900px}.hero-copy{padding-top:75px}}@media(max-width:1000px){header{padding-inline:4%}nav{gap:20px}.brand{width:190px}.brand img{width:190px;height:107px;top:-22px}.hero{min-height:650px}.hero-copy{padding-top:35px}h1{font-size:8.6vw}.hero-copy>p{font-size:14px}.pill{padding:13px 18px;font-size:12px;gap:10px}.reel{height:690px}.card-title{font-size:19px;padding:20px}.section{padding:75px 5%}.product-panel{gap:30px}.contact{gap:35px}.contact h2{font-size:70px}.gauge{width:160px;height:160px}.wings{top:48px;left:12px}.instrument{height:240px}.hero-foot{font-size:9px}}
@media(max-width:700px){header{height:80px;padding:15px 5%}.brand{width:175px;height:50px}.brand img{width:175px;height:99px;top:-24px}nav{display:none}header .pill{padding:10px 15px}.hero{display:flex;flex-direction:column;padding:0;min-height:0}.hero-copy{padding:35px 6% 20px}.sticker{font-size:8px;margin-bottom:25px}h1{font-size:17.5vw;letter-spacing:-1.5px}.hero-copy>p{font-size:15px;margin-top:24px}.hero-foot{margin-top:24px}.reel{height:460px;width:110%;margin-left:-3%;transform:rotate(-5deg);padding-top:20px;mask-image:linear-gradient(transparent,#000 10%,#000 80%,transparent)}.reel-column{width:49%}.reel-column.second{width:45%;margin-top:-60px}.card-title{font-size:17px;padding:17px}.neural{height:300px}.dashboard{margin:0 10px;padding:12px}.dashboard h3{font-size:19px}.map-lines{right:25px;font-size:40px}.calc{height:300px}.calc img{height:205px}.learning{height:430px}.lesson h3{font-size:17px}.hero .motion-toggle{bottom:3px}.ticker{margin-top:10px;font-size:8px;padding:18px 0}.ticker span{margin:0 25px}.section{padding:60px 6%}.section h2{font-size:43px;letter-spacing:-2px}.section-heading{display:block;margin-bottom:25px}.section-heading p{font-size:13px;margin-top:20px}.world{aspect-ratio:1.15;margin:0 -6.8%}.world-bg{object-fit:cover;width:130%;max-width:none;margin-left:-15%}#core{width:34%;height:45%;left:33%;top:16%}.hotspot{font-size:9px;padding:10px 12px}.hn{left:3%;top:64%}.he{right:3%;top:20%}.hc{right:2%;bottom:11%}.world-note{font-size:7px;letter-spacing:.7px;gap:15px}.tabs button{font-size:11px;padding:20px 3px}.tabs button span{display:none}.product-panel{grid-template-columns:1fr;gap:10px;padding-top:25px}.product-visual{min-height:270px}.product-visual img{max-height:320px}.product-content h3{font-size:31px}.product-content p{font-size:14px}.services{grid-template-columns:1fr;gap:35px;margin-top:40px}.services h3{margin-top:18px}.services p{max-width:100%}.services a{margin-top:10px}.about-grid{grid-template-columns:1fr;gap:15px}.about-grid .large{font-size:21px}.process{grid-template-columns:1fr 1fr;margin-top:40px;gap:20px}.contact{grid-template-columns:1fr;gap:25px}.contact h2{font-size:73px}.contact-mail{font-size:16px;margin-top:10px}.form-row{grid-template-columns:1fr;gap:0}.footer-name{font-size:12vw;letter-spacing:-2px}.footer-bottom{flex-wrap:wrap;gap:18px;font-size:9px}.footer-bottom>span:first-child{width:100%}dialog{margin:20px;padding:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.hero-copy h1{animation:hero-in .9s both}.hero-copy .actions{animation:hero-in 1.1s both}@keyframes hero-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.world-bg{animation:world-breathe 16s ease-in-out infinite alternate}@keyframes world-breathe{from{transform:scale(1)}to{transform:scale(1.025)}}
/* Refined brand and product storytelling */
header .brand{width:245px;height:66px;overflow:visible;display:flex;align-items:center}header .brand img{position:static;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.sticker{position:relative;white-space:nowrap;display:inline-flex;align-items:center;gap:13px;line-height:1;transform:translate(var(--mx,0px),var(--my,0px));transition:transform .3s,background .3s,color .3s,box-shadow .3s}.sticker b{font-size:17px;color:var(--blue);transition:transform .65s}.sticker:hover,.sticker:focus-visible{background:var(--navy);color:white;box-shadow:0 8px 30px #064bff20;transform:translate(var(--mx,0px),var(--my,0px))}.sticker:hover b,.sticker:focus-visible b{transform:rotate(180deg);color:#69c8ff}.real-product .card-title{padding:24px 23px 18px}.real-product .screen-frame{margin:0 15px;background:white;border:5px solid #314865;border-radius:13px;overflow:hidden;height:230px;transform:rotate(2deg);box-shadow:0 14px 25px #0003}.real-product .screen-frame img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.real-product.neural{height:360px}.real-product.learning{height:530px;background:linear-gradient(145deg,#dce9f6,#eff1fa)}.phone-frame{width:77%;height:375px;border:7px solid #0b1d35;border-radius:27px;margin:0 auto;overflow:hidden;box-shadow:12px 18px 30px #1c3d6433;transform:rotate(3deg)}.phone-frame img{width:100%;height:100%;object-fit:cover;object-position:top}.learning .card-caption{text-align:center}.product-visual{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:28px 24px 0;height:430px;min-height:0;background:linear-gradient(145deg,#dce7f2,#f2f5f7);isolation:isolate}.showcase-label{width:100%;font-size:23px;font-weight:700;z-index:2}.showcase-label small{display:block;font-size:8px;letter-spacing:1.6px;margin:7px 0 22px;color:#5d718e}.showcase-device{transition:transform .6s;box-shadow:0 20px 40px #082c4830;overflow:hidden}.product-visual:hover .showcase-device{transform:translateY(-7px) rotate(0deg)}.showcase-neural .showcase-device{width:106%;border:8px solid #122b46;border-radius:16px;transform:perspective(900px) rotateY(7deg) rotate(-3deg);margin-top:15px}.showcase-neural img{display:block;width:100%;height:315px;object-fit:cover;object-position:center}.showcase-earn{background:radial-gradient(ellipse at 70% 70%,#b1d1ec,#e5eefa 65%)}.showcase-earn .showcase-device{width:205px;border:7px solid #102743;border-radius:29px;transform:rotate(-7deg);margin-top:-10px}.showcase-earn img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.showcase-navcalc{background:#dae7f5}.showcase-navcalc .showcase-device{width:115%;margin-top:-5px;box-shadow:none}.showcase-navcalc img{display:block;height:330px;object-fit:cover;object-position:center}.core-sculpture{position:absolute;left:38%;top:17%;width:24%;height:40%;display:flex;align-items:center;justify-content:center;pointer-events:none;filter:drop-shadow(0 15px 18px #008aff25);animation:core-float 6s ease-in-out infinite}.core-sculpture img{width:100%;height:100%;object-fit:contain}@keyframes core-float{50%{transform:translateY(-12px) rotate(2deg)}}.world-bg{animation:none}.hotspot{display:flex;align-items:center;gap:7px;text-align:left;padding:13px 18px;z-index:3}.hotspot small{display:block;font-size:9px;color:#75839b;margin-top:4px}.hotspot:hover small{color:#a6c3ea}.hotspot .dot{margin-right:5px}.hn{left:9%;top:75%}.he{right:9%;top:12%}.hc{right:8%;bottom:7%}.about-grid h2 em{color:var(--navy)}.scroll-word{transition:opacity .12s linear}.footer-intro{margin-bottom:28px;color:#697991}.footer-name{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(70px,10vw,150px);line-height:.94;letter-spacing:-2px;align-items:center;padding-bottom:20px}.footer-name .footer-words{color:var(--navy);transition:color .35s,transform .4s}.footer-arrow{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border:1px solid #b5c3d8;border-radius:50%;font-family:'DM Sans',sans-serif;font-size:100px;transition:transform .45s,background .35s,color .35s}.footer-name:hover .footer-words{color:var(--blue);transform:translateX(8px)}.footer-name:hover .footer-arrow{background:var(--blue);color:white;transform:rotate(45deg)}
@media(max-width:700px){header .brand{width:190px;height:52px}.sticker{font-size:8px;letter-spacing:1.5px;padding:10px 12px;gap:8px}.sticker b{font-size:13px}.real-product .card-title{font-size:17px;padding:17px}.real-product .screen-frame{height:205px;margin:0 8px;border-width:4px}.real-product.neural{height:320px}.real-product.learning{height:440px}.phone-frame{width:85%;height:300px;border-width:5px;border-radius:20px}.real-product .card-caption{font-size:8px;padding:12px}.product-visual{height:350px;padding:22px 20px 0}.showcase-neural img{height:245px}.showcase-earn .showcase-device{width:175px}.showcase-navcalc img{height:265px}.core-sculpture{left:34%;width:32%;top:19%;height:38%}.hn{left:3%;top:72%}.he{right:2%;top:14%}.hc{right:2%;bottom:7%}.hotspot{padding:10px;gap:3px;font-size:9px}.hotspot small{font-size:7px}.hotspot .dot{width:5px;height:5px}.footer-name{font-size:17vw}.footer-arrow{width:70px;height:70px;font-size:50px;flex-shrink:0}.footer-intro{font-size:8px;line-height:1.6}.scroll-word{transition:none}}
@media(prefers-reduced-motion:reduce){.scroll-word{opacity:1!important}.sticker:hover,.footer-name:hover .footer-words,.footer-name:hover .footer-arrow{transform:none}.core-sculpture{animation:none}}
header .brand img{height:90px;max-height:none} @media(max-width:700px){header .brand img{height:72px}}
/* Original art, anchored ecosystem navigation, and deliberate motion */
.hero-copy h1{animation:none}.headline-line{display:block;overflow:hidden;padding-bottom:8px;margin-bottom:-8px}.headline-line>span,.headline-line>em{display:inline-block;animation:headline-load 1s cubic-bezier(.16,1,.3,1) both}.headline-line:nth-child(2)>em{animation-delay:.17s}.headline-line:nth-child(3)>span{animation-delay:.34s}@keyframes headline-load{from{transform:translateY(115%) rotate(3deg);opacity:0;filter:blur(5px)}to{transform:translateY(0) rotate(0);opacity:1;filter:blur(0)}}.pill{transition:background .35s,color .35s,border-color .35s,box-shadow .35s,transform .35s}.pill.blue:hover,.pill.blue:focus-visible{background:#071936;border-color:#071936;box-shadow:0 9px 24px #07193625}.pill.outline:hover,.pill.outline:focus-visible{background:#064bff;border-color:#064bff;color:white;box-shadow:0 9px 24px #064bff25}.pill.dark:hover,.pill.dark:focus-visible{background:#064bff;border-color:#064bff;box-shadow:0 9px 24px #064bff25}.pill span{transition:transform .35s}.pill:hover span{transform:translate(3px,-3px)}header .pill{overflow:hidden}header .pill span{width:30px;height:30px;border-radius:50%;background:#ffffff16;display:grid;place-items:center}header .pill:hover span{background:#fff;color:var(--blue);transform:rotate(45deg)}.art-card{background:#ecece5;height:410px;display:flex;flex-direction:column}.art-card .card-title{padding:22px 23px 12px;color:var(--navy);z-index:1}.art-card .product-art{width:100%;height:300px;object-fit:cover;object-position:center;display:block;mix-blend-mode:multiply;transition:transform .7s}.art-card:hover .product-art{transform:scale(1.055)}.art-card .card-caption{padding:14px 23px;color:#34496b;font-size:11px;z-index:1}.art-earn{height:500px;background:#e9edf1}.art-earn .product-art{height:380px}.art-navcalc{height:425px;background:#e6ebef}.art-navcalc .product-art{height:315px}.art-detail{height:300px;position:relative;background:#dbe4ee}.art-detail img{width:100%;height:100%;object-fit:cover;transform:scale(1.5);object-position:70% 70%;transition:transform .7s}.art-detail:hover img{transform:scale(1.65)}.art-detail span{position:absolute;bottom:0;left:0;right:0;padding:18px;background:#071936dc;color:white;font-size:9px;letter-spacing:1.8px}.product-visual.original-art{padding:0;display:block;position:relative;background:#eeeee7;height:430px}.original-art>img{width:100%;height:100%;max-height:none;object-fit:cover;transition:transform .8s}.original-art:hover>img{transform:scale(1.04)}.art-label{position:absolute;left:22px;bottom:20px;border:1px solid #fff9;border-radius:12px;background:#f8f9f1dd;backdrop-filter:blur(10px);padding:13px 18px;font-size:19px;font-weight:700}.art-label small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:5px;color:#536782}.map-point{position:absolute;z-index:4;width:43px;height:43px;border-radius:50%;border:2px solid white;background:var(--blue);box-shadow:0 4px 18px #072d6460;color:white;font-size:12px;font-weight:700;transform:translate(-50%,-50%);transition:background .3s,scale .3s}.map-point:hover,.map-point:focus-visible{background:var(--navy);scale:1.15}.point-neural{left:28%;top:48%}.point-earn{left:80%;top:36%}.point-navcalc{left:83%;top:80%}.ecosystem-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:15px}.ecosystem-links button{display:flex;gap:14px;align-items:center;text-align:left;border:1px solid #ced6df;border-radius:15px;padding:20px;background:#fff6;color:var(--navy);transition:background .3s,color .3s,transform .3s}.ecosystem-links b{border:1px solid #bfccdd;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:10px;color:var(--blue)}.ecosystem-links span{font-weight:600;font-size:16px}.ecosystem-links small{display:block;font-weight:400;font-size:10px;margin-top:5px;color:#6b7c91}.ecosystem-links i{margin-left:auto;font-style:normal;font-size:20px}.ecosystem-links button:hover{background:var(--navy);color:white;transform:translateY(-3px)}.ecosystem-links button:hover small,.ecosystem-links button:hover b{color:#aacaff}.scroll-word{transition:color .12s linear,opacity .12s linear}
@media(max-width:700px){.art-card{height:340px}.art-card .product-art{height:235px}.art-card .card-title{font-size:17px;padding:18px 14px 8px}.art-card .card-caption{font-size:9px;padding:12px 14px}.art-earn{height:400px}.art-earn .product-art{height:290px}.art-navcalc{height:350px}.art-navcalc .product-art{height:245px}.art-detail{height:230px}.product-visual.original-art{height:335px}.ecosystem-links{gap:8px}.ecosystem-links button{padding:12px 8px;gap:7px;flex-wrap:wrap}.ecosystem-links b{width:24px;height:24px;font-size:8px}.ecosystem-links span{font-size:11px}.ecosystem-links small{font-size:8px;line-height:1.4}.ecosystem-links i{display:none}.map-point{width:32px;height:32px;font-size:10px}.point-neural{left:21.4%;top:48%}.point-earn{left:89%;top:36%}.point-navcalc{left:92%;top:80%}}
@media(prefers-reduced-motion:reduce){.headline-line>span,.headline-line>em{animation:none;opacity:1;transform:none}.scroll-word{color:#000!important;opacity:1!important}.pill:hover span,header .pill:hover span,.art-card:hover .product-art,.original-art:hover>img{transform:none}}
/* Opening choreography */
.opening{display:none}.intro-pending body{overflow:hidden}.intro-pending .opening,.intro-ready .opening{display:flex;position:fixed;inset:0;z-index:1000;background:#071936;color:#f6f5ef;flex-direction:column;justify-content:space-between;padding:35px 4%;overflow:hidden;transition:clip-path .85s cubic-bezier(.76,0,.24,1),visibility .85s;clip-path:inset(0 0 0 0)}.intro-ready .opening{clip-path:inset(0 0 100% 0);visibility:hidden}.opening-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff09 50%,transparent 50.2%);background-size:20% 100%;pointer-events:none}.opening-top,.opening-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px;letter-spacing:2px}.opening-top>span{font-size:20px;font-weight:700;letter-spacing:1px}.opening-top button{border:1px solid #ffffff40;border-radius:99px;color:white;background:transparent;padding:10px 15px;font-size:11px;letter-spacing:0}.opening-center{position:relative;width:100%;padding-left:10%;display:flex;flex-direction:column;justify-content:center;min-height:55vh}.opening-orbit{position:absolute;right:10%;width:27vw;height:27vw;max-width:370px;max-height:370px;animation:opening-core 2.8s ease-in-out both}.opening-orbit img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 40px #168fff50)}.opening-type{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(65px,9vw,145px);line-height:.92;position:relative;letter-spacing:-2px;animation:opening-copy .9s both}.opening-type em{font-style:normal;color:#70c9ff}.opening-center p{font-size:9px;letter-spacing:4px;margin-top:25px}.opening-track{height:2px;background:#ffffff20;flex:1;max-width:50%}.opening-track i{display:block;width:100%;height:100%;background:#79ceff;transform-origin:left;animation:opening-progress 3.6s cubic-bezier(.2,.6,.3,1) both}@keyframes opening-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes opening-core{from{opacity:0;transform:scale(.65) rotate(-15deg)}50%{opacity:1}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes opening-copy{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.intro-pending .headline-line>*{animation:none!important;opacity:0;transform:translateY(115%)}.intro-ready .headline-line>span,.intro-ready .headline-line>em{animation:headline-load 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.4s}.intro-ready .headline-line:nth-child(2)>em{animation-delay:.6s}.intro-ready .headline-line:nth-child(3)>span{animation-delay:.8s}.point-earn{top:46%}.point-navcalc{top:89%}.about-discover{margin-top:30px}.about-hero{position:relative;min-height:790px;overflow:hidden;padding-top:75px}.about-hero h1{font-size:clamp(65px,7.5vw,120px);position:relative;z-index:2;line-height:.98;margin-top:40px;max-width:70%;animation:opening-copy 1s both}.about-hero>p{font-size:22px;position:relative;z-index:2}.about-hero-art{position:absolute;right:2%;top:120px;width:43%;aspect-ratio:1}.about-hero-art>img{position:absolute;inset:15%;width:70%;height:70%;object-fit:contain;animation:core-float 7s infinite ease-in-out}.about-ring{position:absolute;inset:0;border:1px solid #9bb2d0;border-radius:50%;transform:rotateX(55deg) rotate(-25deg)}.ring-b{inset:8%;transform:rotateY(55deg) rotate(25deg);border-color:#064bff50}.floating-note{position:absolute;z-index:3;padding:13px 20px;background:var(--navy);color:white;border-radius:99px;font-size:12px;animation:core-float 6s infinite ease-in-out}.note-a{top:5%;left:35%;transform:rotate(-8deg)}.note-b{right:0;bottom:18%;animation-delay:-2s}.note-c{left:3%;bottom:3%;background:var(--blue);animation-delay:-4s}.about-scroll{display:inline-block;margin-top:50px;font-size:9px;letter-spacing:2px;border-bottom:1px solid;padding-bottom:10px}.about-statement{border-top:1px solid var(--line)}.about-statement h2{font-size:clamp(45px,6.5vw,90px);max-width:1000px;line-height:1.1}.about-story-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:45px 0 0 28%}.about-story-columns p{font-size:16px;color:#5d6b80}.about-lab{background:#e7edf5}.about-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.about-product-grid a{display:block;overflow:hidden}.about-product-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;transition:transform .6s}.about-product-grid a:hover img{transform:scale(.97)}.about-product-grid span{font-size:18px;display:block;margin-top:20px;font-weight:600}.about-product-grid p{font-size:12px;color:#65758b}.about-principles article{display:grid;grid-template-columns:60px 1.1fr 1fr;gap:35px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line)}.about-principles article b{color:var(--blue);font-size:12px}.about-principles h3{font-size:30px;font-weight:500;letter-spacing:-1px}.about-principles p{color:#65758b;font-size:14px}.about-invitation{background:var(--navy);color:white}.about-invitation h2{font-size:clamp(50px,7vw,100px);margin-bottom:35px}.about-invitation em{font-style:normal;color:#85c9ff}.policy-intro{padding-bottom:50px}.policy-intro h1{font-size:clamp(55px,6.4vw,100px);margin-top:35px;line-height:1.04}.policy-intro p{color:#65758b}.policy-intro small{font-size:11px;color:#65758b}.policy-layout{display:grid;grid-template-columns:260px 1fr;gap:90px;padding-top:20px}.policy-layout aside{align-self:start;position:sticky;top:30px;display:flex;flex-direction:column;gap:16px}.policy-layout aside>a{font-size:11px;color:#65758b;line-height:1.5}.policy-layout aside>a:hover{color:var(--blue)}.policy-layout section{border-top:1px solid var(--line);padding:30px 0;scroll-margin-top:25px}.policy-layout section h2{font-size:30px;letter-spacing:-1px;margin:15px 0}.policy-layout section p{font-size:15px;color:#526278}.policy-layout section a{color:var(--blue);text-decoration:underline}.inner-page .visible-on-scroll{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.inner-page .visible-on-scroll.is-visible{opacity:1;transform:none}
@media(max-width:700px){.opening-center{padding-left:0;justify-content:flex-end;padding-bottom:35px;min-height:65vh}.opening-orbit{right:17%;top:0;width:60vw;height:60vw}.opening-type{font-size:17vw;letter-spacing:-1px}.opening-bottom{font-size:8px;gap:12px}.opening-bottom>span:last-child{display:none}.opening-track{max-width:none}.opening-center p{font-size:8px;letter-spacing:2px}.point-earn{top:46%}.point-navcalc{top:89%}.about-hero{padding-top:35px;min-height:880px}.about-hero h1{font-size:16vw;max-width:100%;margin-top:30px}.about-hero-art{width:90%;right:5%;top:420px}.about-hero>p{font-size:18px}.about-scroll{position:absolute;bottom:25px;left:6%;margin:0}.about-story-columns{grid-template-columns:1fr;margin:25px 0 0;gap:0}.about-story-columns p{font-size:15px}.about-product-grid{grid-template-columns:1fr;gap:35px}.about-principles article{grid-template-columns:30px 1fr;gap:15px;padding:25px 0}.about-principles h3{font-size:25px}.about-principles p{grid-column:2;margin:0}.policy-intro h1{font-size:12vw}.policy-layout{grid-template-columns:1fr;gap:35px}.policy-layout aside{position:static;padding-bottom:25px;border-bottom:1px solid var(--line);gap:10px}.policy-layout section h2{font-size:26px}.policy-intro{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.opening{display:none!important}.intro-pending body{overflow:auto}.intro-pending .headline-line>*{opacity:1;transform:none}.inner-page .visible-on-scroll{opacity:1;transform:none}.reading-reveal span{opacity:1!important}}
/* Fine positioning of EarnWings marker across responsive layouts. */
.point-earn{top:44%}
/* Small down-left adjustment to the NeuralWings marker. */
.point-neural{left:26.5%;top:50%}
@media(max-width:700px){.point-neural{left:19.9%;top:50%}}
/* Portfolio and business systems */
.point-crm{left:16%;top:85%}.ecosystem-links{grid-template-columns:repeat(4,minmax(0,1fr))}.ecosystem-links button{min-width:0}.tabs{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 32px}.work-card{display:block}.work-preview{border:1px solid #d9dfe5;border-radius:16px;overflow:hidden;background:#e6eff5;transition:transform .5s,box-shadow .5s}.work-card:hover .work-preview{transform:translateY(-8px);box-shadow:0 20px 45px #142b4920}.browser-bar{height:34px;display:flex;align-items:center;gap:5px;background:#ffffffa8;padding:0 14px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#acb6c3}.browser-bar small{margin-left:12px;font-size:9px;color:#526278}.work-preview-body{padding:30px 35px;min-height:275px;position:relative}.work-preview-body>span{font-weight:700;letter-spacing:1px;font-size:16px}.work-preview-body strong{display:block;font-size:clamp(25px,3vw,44px);line-height:1.08;max-width:300px;margin:25px 0}.work-preview-body>small{font-size:7px;letter-spacing:2px;opacity:.55}.preview-modules{display:flex;gap:12px;margin:20px 0}.preview-modules i{display:block;height:38px;width:22%;border-radius:5px;background:currentColor;opacity:.12}.gloviera .work-preview{background:#5c2323;color:#f7e1da}.junction .work-preview{background:#111f35;color:#e0af65}.earn .work-preview{background:#dbe9f7;color:#17395f}.neural .work-preview{background:#e1ebe6;color:#234f47}.work-meta>span{font-size:9px;letter-spacing:1.5px}.work-meta{padding:22px 0}.work-meta h3{font-size:28px;margin:12px 0}.work-meta h3 b{float:right;transition:transform .3s}.work-card:hover b{transform:translate(4px,-4px)}.work-meta p{color:#526278;font-size:14px;max-width:440px}.visit-label{color:var(--blue)}.work-next{margin-top:50px;padding:35px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;gap:30px}.work-next>span{font-size:10px;letter-spacing:2px;min-width:120px}.work-next p{flex:1;font-size:14px;color:#526278}.work-next .pill{flex-shrink:0}.about-hero-art>img{border-radius:22px;width:100%;height:auto;object-fit:contain}.about-invitation{position:relative;overflow:hidden;min-height:500px;padding-right:48%}.invitation-art{position:absolute;width:45%;right:2%;top:12%;border-radius:26px;mix-blend-mode:multiply;transition:transform .8s}.about-invitation:hover .invitation-art{transform:translateY(-12px) rotate(2deg)}.about-invitation h2{position:relative;z-index:1}.about-product-grid img{aspect-ratio:1.5;object-fit:cover}
@media(max-width:1000px){.ecosystem-links{grid-template-columns:1fr 1fr}.work-next{flex-wrap:wrap}.tabs button{font-size:12px}.about-invitation h2{font-size:6vw}}
@media(max-width:700px){.work-grid{grid-template-columns:1fr;gap:25px}.work-preview-body{min-height:240px}.work-preview-body strong{font-size:35px}.work-next{padding:25px;gap:15px}.work-next p{flex-basis:100%}.tabs{grid-template-columns:1fr 1fr}.point-crm{left:14%;top:84%}.about-invitation{padding-right:6%;padding-bottom:290px;min-height:650px}.about-invitation h2{font-size:12vw}.invitation-art{width:90%;right:5%;top:auto;bottom:10px;max-height:280px;object-fit:contain}.ecosystem-links button{padding:15px 10px}.ecosystem-links button span{font-size:12px}}

/* One continuous four-area ecosystem; keep marker coordinates aligned. */
.world{aspect-ratio:16/9}.world-bg{width:100%;max-width:100%;margin-left:0;object-fit:contain}.world:hover .world-bg{transform:none}
@media(max-width:700px){.world{aspect-ratio:16/9;margin:0 -6.8%}.world-bg{width:100%;max-width:100%;margin-left:0;object-fit:contain}.world .map-point{min-width:32px;min-height:32px;width:32px;height:32px;font-size:10px}}

.point-crm{left:22%;top:88%}
@media(max-width:700px){.point-neural{left:26.5%;top:50%}.point-earn{left:80%;top:44%}.point-navcalc{left:83%;top:89%}.point-crm{left:22%;top:88%}}
/* Project gallery uses captures of the actual live work. */
.project-gallery{display:grid;gap:28px}.project-showcase{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center;padding:45px;border:1px solid #d4dce5;border-radius:24px;background:#edf0f3;overflow:hidden}.project-showcase:nth-child(even){background:#eee6e2}.project-story{display:flex;align-items:flex-start;flex-direction:column}.project-number{font-size:10px;letter-spacing:2px;color:#6e7f94;margin-bottom:35px}.project-type{font-size:9px;color:var(--blue);letter-spacing:1.5px}.project-story h3{font-size:40px;letter-spacing:-1.6px;margin:14px 0}.project-story h4{font-size:20px;font-weight:400;line-height:1.35;margin:5px 0 14px}.project-story p{font-size:14px;color:#526278}.project-story>small{font-size:10px;color:#687a90;margin:15px 0 25px}.project-link{font-size:13px;display:flex;justify-content:space-between;gap:40px;border-bottom:1px solid #8a9db4;padding-bottom:12px}.project-link span{transition:transform .3s}.project-link:hover span{transform:translate(4px,-4px)}.project-screen{display:block;min-width:0;transform:perspective(1500px) rotateY(-5deg);box-shadow:0 24px 40px #0d25452a;border-radius:10px;overflow:hidden;background:#fff;transition:transform .7s,box-shadow .7s}.project-screen:hover{transform:perspective(1500px) rotateY(0) translateY(-6px);box-shadow:0 30px 50px #0d254535}.screen-toolbar{display:flex;align-items:center;gap:5px;padding:12px;background:#fff;color:#43536b}.screen-toolbar i{width:6px;height:6px;border-radius:50%;background:#c9d1da}.screen-toolbar small{margin:auto;font-size:9px}.screen-toolbar b{font-size:12px}.project-screen>img{display:block;width:100%;aspect-ratio:1.48;object-fit:cover;object-position:top}.screen-label{display:block;padding:12px 16px;font-size:8px;letter-spacing:1.5px;background:var(--navy);color:white}.crm-cutout{background:transparent!important;overflow:visible!important}.crm-cutout>img{object-fit:contain!important;width:100%!important;height:100%!important;mix-blend-mode:normal!important;padding:15px}
/* Contain About art inside its own frame. */
.about-hero h1{max-width:58%}.about-hero-art{right:3%;width:39%;top:185px;aspect-ratio:1.2}.about-hero-art>img{inset:0;width:100%;height:100%;object-fit:contain}.about-hero-art .floating-note{max-width:90%}.invitation-v2{padding:80px 6%;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;min-height:600px}.invitation-v2 h2{font-size:clamp(40px,5.5vw,84px)}.invitation-copy p{max-width:420px;color:#a9bad2;font-size:15px}.idea-orbit{position:relative;aspect-ratio:1;min-width:0;isolation:isolate}.orbit-line{position:absolute;border:1px solid #436998;border-radius:50%;inset:12%;transform:rotate(-25deg);box-shadow:inset 0 0 40px #3685ff14}.orbit-two{inset:23%;border-style:dashed;animation:orbit-spin 35s linear infinite}.idea-core{position:absolute;inset:34%;border-radius:24%;background:linear-gradient(135deg,#0a69ff,#043598);box-shadow:0 0 70px #036cff44;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-8deg);transition:transform .5s}.idea-orbit:hover .idea-core{transform:rotate(0) scale(1.08)}.idea-core span{font-size:9px;letter-spacing:3px}.idea-core strong{font-size:clamp(20px,3vw,42px);letter-spacing:-1px}.idea-core i{position:absolute;right:-15px;top:-20px;font-size:55px;color:#95bbff}.idea-chip{position:absolute;z-index:2;background:#16335c;border:1px solid #426a9e;color:#dceaff;border-radius:10px;padding:15px;font-size:9px;letter-spacing:1px;box-shadow:0 12px 30px #0002}.idea-chip b{margin-left:15px;color:#70a6ff}.chip-web{top:14%;left:6%}.chip-app{right:0;top:46%}.chip-crm{left:8%;bottom:15%}.idea-orbit>small{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#779ac4}@keyframes orbit-spin{to{transform:rotate(335deg)}}.complete-footer{padding-top:70px}.footer-top-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:50px}.footer-top-grid h2{font-size:clamp(28px,3.2vw,50px);letter-spacing:-1.5px;line-height:1.1;margin:22px 0}.footer-contact{font-size:16px;color:var(--blue)}.footer-nav-col{display:flex;flex-direction:column;gap:17px;font-size:12px}.footer-nav-col>span{font-size:9px;letter-spacing:2px;color:#708098;margin-bottom:12px}.footer-nav-col a:hover{color:var(--blue)}.footer-signature{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:30px;font-size:clamp(50px,10vw,150px);font-weight:600;line-height:1.2;letter-spacing:-5px}.footer-signature span{color:var(--blue);transition:transform .4s}.footer-signature:hover span{transform:translate(8px,-8px)}
@media(max-width:1000px){.project-showcase{gap:25px;padding:25px;grid-template-columns:.8fr 1.2fr}.project-story h3{font-size:30px}.project-number{margin-bottom:20px}.about-hero{min-height:0;padding-bottom:55px}.about-hero h1{max-width:100%;font-size:9vw}.about-hero-art{position:relative;inset:auto;width:80%;max-width:650px;aspect-ratio:1.5;margin:35px auto}.about-scroll{position:static;display:inline-block;margin-top:20px}.invitation-v2{gap:20px;padding:60px 5%}.footer-top-grid{grid-template-columns:1.6fr 1fr;gap:35px}.footer-top-grid>div:first-child{grid-column:1/-1}}
@media(max-width:700px){.project-showcase{grid-template-columns:1fr;padding:20px;gap:30px}.project-story h3{font-size:34px}.project-story h4 br{display:none}.project-number{margin-bottom:20px}.project-screen{transform:none}.project-story>small{margin:6px 0 18px}.about-hero{padding-top:30px;min-height:0}.about-hero h1{font-size:15vw}.about-hero-art{width:95%;inset:auto;margin:30px auto;aspect-ratio:1.25}.about-scroll{position:static;margin:20px 0 0}.invitation-v2{grid-template-columns:1fr;padding:60px 6%;min-height:0}.invitation-v2 h2{font-size:12vw}.idea-orbit{width:100%;max-width:430px;justify-self:center}.idea-core strong{font-size:32px}.footer-top-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-signature{letter-spacing:-2px;font-size:13vw}.complete-footer .footer-bottom{flex-wrap:wrap;gap:20px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.orbit-two{animation:none}.idea-core,.project-screen,.footer-signature span{transition:none}}
/* A moving typographic wall of linked project names. */
.project-name-wall{margin:25px -5.55% 0;border-top:1px solid #ccd5e0;overflow:hidden}.project-name-row{display:block;position:relative;overflow:hidden;border-bottom:1px solid #ccd5e0;padding:32px 0;color:var(--navy);transition:background .45s,color .45s;isolation:isolate}.name-reveal{display:block;transform:translateY(50px);opacity:.15;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.name-in-view .name-reveal{transform:none;opacity:1}.name-marquee{display:flex;width:max-content;animation:names-flow 40s linear infinite;animation-play-state:paused}.name-in-view .name-marquee{animation-play-state:running}.name-unit{display:flex;align-items:center;gap:65px;padding-right:65px;flex-shrink:0;font-size:clamp(58px,8vw,125px);font-weight:500;line-height:1.12;letter-spacing:-5px}.name-unit>span{white-space:nowrap}.name-unit i{font-style:normal;color:#1b57f1;font-size:.5em;transition:transform .8s}.name-style-1 .name-marquee,.name-style-3 .name-marquee{animation-direction:reverse}.name-style-1 .name-unit{font-family:Georgia,serif;font-style:italic;letter-spacing:-4px}.name-style-2 .name-unit{font-weight:700;letter-spacing:-6px}.name-style-3 .name-unit{font-family:Georgia,serif;letter-spacing:-4px}.name-letter{display:inline-block;transition:transform .5s cubic-bezier(.2,.9,.2,1);transition-delay:calc(var(--letter)*12ms)}.project-name-row:hover,.project-name-row:focus-visible{background:var(--blue);color:white}.project-name-row:hover .name-unit i,.project-name-row:focus-visible .name-unit i{color:#bbd2ff;transform:rotate(150deg)}.project-name-row:hover .name-letter,.project-name-row:focus-visible .name-letter{transform:translateY(-5px)}.project-name-row:hover .name-marquee,.project-name-row:focus-visible .name-marquee{animation-play-state:paused}.name-visit-arrow{position:absolute;right:3%;top:50%;transform:translateY(-50%) scale(.6);opacity:0;background:var(--navy);color:white;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;font-size:30px;transition:transform .4s,opacity .4s;box-shadow:0 0 0 14px #1859ff30}.project-name-row:hover .name-visit-arrow,.project-name-row:focus-visible .name-visit-arrow{transform:translateY(-50%) scale(1);opacity:1}.paused .name-marquee{animation-play-state:paused!important}@keyframes names-flow{to{transform:translateX(-25%)}}
@media(max-width:700px){.project-name-wall{margin:20px -5.55% 0}.project-name-row{padding:27px 0}.name-unit{font-size:15vw;letter-spacing:-2px;gap:30px;padding-right:30px}.name-style-1 .name-unit,.name-style-2 .name-unit,.name-style-3 .name-unit{letter-spacing:-2px}.name-visit-arrow{width:44px;height:44px;font-size:23px}}
@media(prefers-reduced-motion:reduce){.name-marquee{animation:none}.name-reveal{opacity:1;transform:none;transition:none}.name-letter{transition:none}.name-visit-arrow{transition:none}}

/* A single freeform sculpture completes the invitation. */
.collaboration-art{position:relative;min-width:0;aspect-ratio:1.15;display:grid;place-items:center;isolation:isolate}.collaboration-art:before{content:"";position:absolute;width:75%;height:60%;background:radial-gradient(ellipse,#2468e12b,transparent 68%);filter:blur(18px);z-index:-1}.collaboration-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 25px #0003);animation:collaboration-float 8s ease-in-out infinite}.invitation-v2:hover .collaboration-art img{filter:drop-shadow(0 30px 35px #267cff33)}@keyframes collaboration-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}.paused .collaboration-art img{animation-play-state:paused}@media(max-width:700px){.collaboration-art{width:100%;max-width:450px;justify-self:center;aspect-ratio:1.2}}@media(prefers-reduced-motion:reduce){.collaboration-art img{animation:none}.name-unit{font-size:clamp(25px,7vw,100px)}}

/* Smaller typographic work rows and geometric separators. */
.name-unit{font-size:clamp(40px,5vw,80px);letter-spacing:-3px;gap:50px;padding-right:50px}.name-style-1 .name-unit,.name-style-2 .name-unit,.name-style-3 .name-unit{letter-spacing:-3px}.project-name-row{padding:24px 0}.name-unit i{width:10px;height:10px;border-radius:50%;background:var(--blue);flex-shrink:0}.project-name-row:hover .name-unit i,.project-name-row:focus-visible .name-unit i{background:#c7dcff}.sticker b{width:10px;height:10px;border-radius:50%;background:currentColor}.ticker span{display:inline-block;width:10px;height:10px;border-radius:50%;background:currentColor;vertical-align:middle}.about-principles{border-bottom:1px solid var(--line)}
@media(max-width:700px){.name-unit{font-size:10vw;letter-spacing:-1.5px;gap:25px;padding-right:25px}.name-style-1 .name-unit,.name-style-2 .name-unit,.name-style-3 .name-unit{letter-spacing:-1.5px}.project-name-row{padding:23px 0}.name-unit i{width:7px;height:7px}}

/* The About footer lettering reveals on scroll and responds to hover. */
.footer-signature{overflow:hidden;align-items:center}.footer-signature .signature-text{display:flex;color:var(--navy);transform:none!important;min-width:0}.footer-signature .signature-letter{display:inline-block;color:var(--navy);opacity:0;transform:translateY(115%) rotate(7deg);transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .5s,color .4s;transition-delay:calc(var(--letter)*45ms)}.footer-signature.signature-ready .signature-letter{opacity:1;transform:translateY(0) rotate(0)}.footer-signature.signature-ready:hover .signature-letter,.footer-signature.signature-ready:focus-visible .signature-letter{transform:translateY(-8px);color:var(--blue);transition-delay:calc(var(--letter)*25ms)}.footer-signature .signature-arrow{display:inline-block;flex-shrink:0;transform:rotate(0);transition:transform .6s cubic-bezier(.16,1,.3,1)}.footer-signature:hover .signature-arrow,.footer-signature:focus-visible .signature-arrow{transform:translate(8px,-8px) rotate(12deg)}@media(prefers-reduced-motion:reduce){.footer-signature .signature-letter{opacity:1;transform:none!important;transition:none}.footer-signature .signature-arrow{transition:none}}

/* Reuse the footer's staggered letter reveal on selected hero lines. */
.hero-letter-line,.about-letter-line{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:bottom;padding-top:10px;padding-bottom:8px;margin-top:-10px;margin-bottom:-8px}.hero-motion-letter{display:inline-block;opacity:0;transform:translateY(115%) rotate(7deg);transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .5s,color .4s;transition-delay:calc(var(--line-delay) + var(--letter)*45ms)}.intro-ready .headline-line>.hero-letter-line{animation:none;opacity:1;transform:none}.intro-ready .hero-letter-line .hero-motion-letter,.about-letter-heading.letters-ready .hero-motion-letter{opacity:1;transform:translateY(0) rotate(0)}.intro-ready .hero-letter-line:hover .hero-motion-letter,.about-letter-heading.letters-ready .about-letter-line:hover .hero-motion-letter{transform:translateY(-8px);color:var(--blue);transition-delay:calc(var(--letter)*25ms)}.about-hero .about-letter-heading{animation:none}.about-letter-heading .about-letter-line{max-width:100%}
@media(prefers-reduced-motion:reduce){.hero-motion-letter{opacity:1;transform:none!important;transition:none}.intro-ready .headline-line>.hero-letter-line{animation:none}}
/* The central brand core completes a continuous 360-degree turn. */
.core-sculpture img{transform-origin:50% 50%;animation:core-full-turn 24s linear infinite;will-change:transform}@keyframes core-full-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.core-sculpture img{animation:none;will-change:auto}}

/* About footer signature: same look and motion as the home "LET'S BUILD SOMETHING." */
.footer-signature{overflow:visible;align-items:center;gap:24px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(70px,10vw,150px);font-weight:700;line-height:.94;letter-spacing:-2px;padding:30px 0 20px}
.footer-signature .signature-text{overflow:hidden;padding:.06em .08em .12em 0;margin:-.06em 0 -.12em}
.footer-signature .signature-arrow{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border:1px solid #b5c3d8;border-radius:50%;font-family:'DM Sans',sans-serif;font-size:100px;line-height:1;letter-spacing:0;color:var(--navy);transition:transform .45s,background .35s,color .35s}
.footer-signature:hover .signature-arrow,.footer-signature:focus-visible .signature-arrow{background:var(--blue);color:#fff;border-color:var(--blue);transform:rotate(45deg)}
@media(max-width:700px){.footer-signature{font-size:17vw;gap:14px}.footer-signature .signature-arrow{width:70px;height:70px;font-size:50px}}
@media(prefers-reduced-motion:reduce){.footer-signature .signature-arrow{transition:none}}

/* Footer arrows replaced by the rotating Cephionix core logo */
.footer-arrow img,.signature-arrow img{width:92%;height:92%;object-fit:contain;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .35s}
.footer-name:hover .footer-arrow,.footer-signature:hover .signature-arrow,.footer-signature:focus-visible .signature-arrow{background:#fff;border-color:var(--blue);transform:none}
.footer-name:hover .footer-arrow img,.footer-signature:hover .signature-arrow img,.footer-signature:focus-visible .signature-arrow img{transform:rotate(180deg) scale(1.08);filter:drop-shadow(0 0 10px #064bff66)}
@media(prefers-reduced-motion:reduce){.footer-arrow img,.signature-arrow img{transition:none}}

/* Cookie consent banner */
.cookie-banner{position:fixed;left:24px;bottom:24px;z-index:900;width:min(420px,calc(100vw - 32px));background:var(--paper);color:var(--navy);border:1px solid var(--line);border-radius:20px;padding:22px 24px;box-shadow:0 18px 50px #0719362e;opacity:0;transform:translateY(20px);transition:opacity .4s,transform .5s cubic-bezier(.16,1,.3,1)}
.cookie-banner.show{opacity:1;transform:none}
.cookie-banner b{font-size:10px;letter-spacing:2.3px}
.cookie-banner p{font-size:13px;line-height:1.55;color:#485975;margin:10px 0 16px}
.cookie-banner p a{color:var(--blue);text-decoration:underline}
.cookie-banner div{display:flex;gap:10px}
.cookie-banner button{flex:1;border-radius:99px;padding:12px 18px;font-size:13px;font-weight:600;border:1px solid var(--navy);transition:transform .25s,background .25s,color .25s}
.cookie-banner button:hover{transform:translateY(-2px)}
.cookie-accept{background:var(--navy);color:#fff}
.cookie-decline{background:transparent;color:var(--navy)}
.footer-bottom [data-cookie-settings]{cursor:pointer}
@media(max-width:700px){.cookie-banner{left:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.cookie-banner{transition:none}}

/* Arrows: text glyph on desktop (original look); inline SVG on phones/touch so they never become colour emoji */
body{font-variant-emoji:text}
.ar{width:1em;height:1em;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:butt;stroke-linejoin:miter;flex-shrink:0}
ar-g{display:inline}
.ar{display:none!important}
@media(hover:none),(max-width:820px){ar-g{display:none!important}.ar{display:inline-block!important}}

/* Hero cards: size to their content so captions are never clipped */
.media-card.art-card{height:auto}
.media-card.art-card .card-caption{padding-bottom:18px}
/* Phone only: keep the ecosystem illustration clear of the numbered markers (the cards below are the links) */
@media(max-width:700px){.world .map-point{display:none}}

/* Ecosystem: hover a platform to lift and highlight it; click to explore */
.world .zone{position:absolute;inset:0;z-index:3;padding:0;margin:0;border:0;background:var(--paper);cursor:pointer;opacity:0;transition:opacity .25s ease,transform .5s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent;outline:none}
.world .zone img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none;filter:saturate(1.14) brightness(1.03);transition:filter .3s}
.world .zone:hover,.world .zone:focus-visible,.world .zone:active{opacity:1;transform:scale(1.045)}
.world:has(.zone:hover) .zone:hover,.world:has(.zone:focus-visible) .zone:focus-visible{background:#e4e3de}
.zone-tag{position:absolute;z-index:5;transform:translate(-50%,8px);opacity:0;pointer-events:none;background:var(--navy);color:#fff;border-radius:14px;padding:11px 18px;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:0 10px 28px #07193640;transition:opacity .25s ease,transform .4s cubic-bezier(.2,.8,.2,1)}
.zone-tag small{display:block;margin-top:3px;font-size:10px;font-weight:500;letter-spacing:.4px;color:#a9c4ee}
.zone:hover+.zone-tag,.zone:focus-visible+.zone-tag{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.zone-tag{display:none}}
@media(prefers-reduced-motion:reduce){.world .zone{transition:opacity .2s}.world .zone:hover,.world .zone:focus-visible{transform:none}}
.zone-neural{clip-path:polygon(22.74% 2.10%,27.08% 2.10%,28.50% 14.61%,38.22% 18.02%,38.22% 31.89%,41.04% 34.39%,40.91% 38.94%,39.38% 43.49%,34.25% 46.90%,28.50% 53.71%,22.74% 55.31%,11.22% 53.71%,3.53% 48.03%,0.59% 41.89%,0.33% 38.48%,1.94% 27.56%,7.37% 23.02%,19.54% 18.47%,23.06% 11.42%);-webkit-mask-image:url(assets/zone-neural.png);mask-image:url(assets/zone-neural.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform-origin:22.6% 31.8%}
.tag-neural{left:14%;top:6%}
.zone-earn{clip-path:polygon(63.48% 15.07%,66.81% 10.30%,72.32% 10.75%,73.34% 16.21%,78.46% 8.02%,94.20% 13.72%,94.33% 32.13%,96.38% 37.81%,96.13% 42.13%,90.49% 45.10%,82.82% 46.01%,75.13% 43.73%,68.09% 39.18%,63.48% 34.63%,63.23% 29.86%);-webkit-mask-image:url(assets/zone-earn.png);mask-image:url(assets/zone-earn.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform-origin:78.6% 28.3%}
.tag-earn{left:72%;top:3%}
.zone-navcalc{clip-path:polygon(76.76% 48.09%,85.22% 47.64%,93.02% 51.04%,93.40% 64.23%,97.50% 67.87%,98.78% 78.11%,96.86% 85.16%,91.62% 90.38%,83.93% 92.66%,73.05% 89.71%,65.89% 83.57%,63.97% 76.97%,65.25% 70.15%,69.09% 69.02%,69.48% 60.82%,74.34% 60.37%,75.88% 54.23%);-webkit-mask-image:url(assets/zone-navcalc.png);mask-image:url(assets/zone-navcalc.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform-origin:80.8% 70.0%}
.tag-navcalc{left:80%;top:91.5%}
.zone-crm{clip-path:polygon(10.24% 53.49%,19.60% 55.99%,35.98% 59.86%,36.36% 67.58%,41.09% 70.31%,43.08% 82.60%,40.84% 88.28%,33.04% 92.38%,24.07% 93.97%,11.91% 91.69%,5.39% 84.88%,4.62% 76.91%,5.39% 69.86%,6.67% 63.04%,8.59% 60.53%);-webkit-mask-image:url(assets/zone-crm.png);mask-image:url(assets/zone-crm.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform-origin:21.8% 74.1%}
.tag-crm{left:22%;top:93.5%}

/* Intro exit: the whole intro (background and content) is cut into five columns that rise away one after another */
.intro-pending .opening,.intro-ready .opening{clip-path:none;transition:visibility 0s linear 1.9s}
.intro-ready .opening{clip-path:none;visibility:hidden}
.opening-content{position:relative;z-index:1;flex:1;width:100%;min-height:0;display:flex;flex-direction:column;justify-content:space-between}
.opening.is-split{background:transparent}
.opening.is-split .opening-content{visibility:hidden}
.opening-panels{position:absolute;inset:0;z-index:3;pointer-events:none}
.opening-panels .op{position:absolute;top:0;bottom:0;left:calc(var(--i)*20vw);width:calc(20vw + 1px);overflow:hidden;background:#071936;transform:translateY(0);transition:transform 1s cubic-bezier(.76,0,.24,1);transition-delay:calc(var(--i)*90ms);will-change:transform}
.opening-panels .op-inner{position:absolute;top:0;left:calc(var(--i)*-20vw);width:100vw;height:100%;box-sizing:border-box;padding:35px 4vw;display:flex;flex-direction:column;justify-content:space-between;color:#f6f5ef}
.opening-panels .op-inner *{animation:none!important}
.opening-panels.go .op{transform:translateY(-101%)}

/* Hover performance: no live filters on the big image, pre-baked soft masks, GPU layers */
.world::after{content:"";position:absolute;inset:0;z-index:2;background:#071936;opacity:0;pointer-events:none;transition:opacity .3s ease}
.world:has(.zone:hover)::after,.world:has(.zone:focus-visible)::after{opacity:.07}
.world .zone{will-change:transform,opacity;backface-visibility:hidden;contain:paint}
.world .zone img{filter:none}
.world .zone:hover img,.world .zone:focus-visible img{filter:saturate(1.12)}

/* Phone: swipe between products */
.swipe-dots{display:none}
@media(max-width:700px){
.product-panel{touch-action:pan-y pinch-zoom}
.swipe-dots{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 0 4px}
.swipe-dots i{width:7px;height:7px;border-radius:99px;background:#bdc4ce;transition:width .3s,background .3s}
.swipe-dots i.on{width:22px;background:var(--blue)}
.swipe-dots em{font-style:normal;font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:#728097;margin-left:10px}
.product-panel.swipe-next{animation:swipe-in-next .45s cubic-bezier(.16,1,.3,1)}
.product-panel.swipe-prev{animation:swipe-in-prev .45s cubic-bezier(.16,1,.3,1)}
}
@keyframes swipe-in-next{from{opacity:0;transform:translateX(46px)}to{opacity:1;transform:none}}
@keyframes swipe-in-prev{from{opacity:0;transform:translateX(-46px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.product-panel.swipe-next,.product-panel.swipe-prev{animation:none}}

/* Liquid glass labels on images */
.art-label{position:absolute;overflow:hidden;isolation:isolate;color:#071936;text-shadow:0 1px 0 rgba(255,255,255,.55);border-radius:20px;border:1px solid rgba(255,255,255,.6);background:linear-gradient(135deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.07) 48%,rgba(190,215,255,.2) 100%);-webkit-backdrop-filter:blur(9px) saturate(2.3) contrast(1.06) brightness(1.1);backdrop-filter:blur(9px) saturate(2.3) contrast(1.06) brightness(1.1);box-shadow:inset 2px 2px 7px rgba(255,255,255,.65),inset -2px -2px 7px rgba(120,170,255,.28),inset 0 0 0 1px rgba(255,255,255,.2),0 14px 34px rgba(7,25,54,.2)}
.art-label::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(110% 120% at 8% -25%,rgba(255,255,255,.7),rgba(255,255,255,0) 52%),radial-gradient(80% 90% at 100% 120%,rgba(120,170,255,.28),rgba(120,170,255,0) 60%);pointer-events:none}
.art-label::after{content:"";position:absolute;top:-10%;left:-70%;width:38%;height:120%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-18deg);transition:left 1s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.product-visual:hover .art-label::after{left:130%}
.art-label small{color:#3f5877}
.zone-tag,.art-detail span{position:absolute;overflow:hidden;isolation:isolate;color:#fff;border:1px solid rgba(255,255,255,.34);background:linear-gradient(135deg,rgba(7,25,54,.64),rgba(7,25,54,.36));-webkit-backdrop-filter:blur(14px) saturate(1.8);backdrop-filter:blur(14px) saturate(1.8);box-shadow:inset 0 1px 1px rgba(255,255,255,.5),inset 0 -1px 1px rgba(255,255,255,.12),0 12px 32px rgba(7,25,54,.25)}
.zone-tag{border-radius:18px}
.zone-tag::before,.art-detail span::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(120% 160% at 10% -30%,rgba(255,255,255,.4),rgba(255,255,255,0) 55%);pointer-events:none}
.art-detail span{border-width:1px 0 0;box-shadow:inset 0 1px 1px rgba(255,255,255,.4)}

/* Product CTAs: one shared hover animation (fill sweeps across from the left) */
.product-content .pill{background-repeat:no-repeat;background-position:left center;background-size:0% 100%;transition:background-size .55s cubic-bezier(.2,.8,.2,1),color .3s,border-color .3s,box-shadow .35s,transform .35s}
.product-content .pill.blue{background-color:var(--blue);background-image:linear-gradient(#071936,#071936)}
.product-content .pill.outline{background-color:transparent;background-image:linear-gradient(#064bff,#064bff)}
.product-content .pill:hover,.product-content .pill:focus-visible{background-size:100% 100%}
.product-content .pill.blue:hover,.product-content .pill.blue:focus-visible{background-color:var(--blue);border-color:#071936}
.product-content .pill.outline:hover,.product-content .pill.outline:focus-visible{background-color:transparent;border-color:#064bff;color:#fff}
@media(prefers-reduced-motion:reduce){.product-content .pill{transition:none}}

/* Stronger liquid glass on the product labels (extra on NavCalc / In development) */
.art-label{border:1px solid rgba(255,255,255,.75);background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.05) 44%,rgba(110,165,255,.24) 100%);-webkit-backdrop-filter:blur(14px) saturate(2.6) contrast(1.1) brightness(1.08);backdrop-filter:blur(14px) saturate(2.6) contrast(1.1) brightness(1.08);box-shadow:inset 3px 3px 8px rgba(255,255,255,.72),inset -3px -3px 9px rgba(90,150,255,.4),inset 0 0 22px rgba(255,255,255,.22),inset 0 -12px 20px rgba(60,120,255,.14),0 16px 38px rgba(7,25,54,.26)}
.art-label::after{animation:glass-sheen 7s ease-in-out infinite}
@keyframes glass-sheen{0%,62%{left:-70%}86%,100%{left:135%}}
.product-visual[data-key=navcalc] .art-label{color:#06204a;border-color:rgba(255,255,255,.85);background:linear-gradient(135deg,rgba(255,255,255,.26) 0%,rgba(80,140,255,.1) 42%,rgba(40,100,240,.34) 100%);-webkit-backdrop-filter:blur(20px) saturate(3.1) contrast(1.14) brightness(1.04);backdrop-filter:blur(20px) saturate(3.1) contrast(1.14) brightness(1.04);box-shadow:inset 3px 3px 9px rgba(255,255,255,.85),inset -4px -4px 12px rgba(40,100,240,.5),inset 0 0 26px rgba(255,255,255,.28),inset 0 -14px 24px rgba(30,90,230,.2),0 20px 44px rgba(6,32,74,.38)}
.product-visual[data-key=navcalc] .art-label small{color:#0d3a82;font-weight:700}
@media(prefers-reduced-motion:reduce){.art-label::after{animation:none}}

/* Enquiry form feedback */
#form-status{min-height:1.5em;margin-top:6px}
#form-status.ok{color:#0b6b3d;font-weight:600}
#form-status.err{color:#b3261e;font-weight:600}
#form-status.err a{color:inherit;text-decoration:underline}
#enquiry button[type=submit][disabled]{opacity:.65;cursor:progress;pointer-events:none}