:root{--navy:#17283b;--graphite:#292b30;--orange:#ff791f;--bg:#e8eaed;--panel:#f5f6f8;--ink:#25272c;--muted:#566171}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--panel);color:var(--ink)}a{color:inherit;text-decoration:none}button,select{font:inherit;border-radius:0}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ff9e5c;outline-offset:5px}button{border:0}img{max-width:100%}.skip{position:fixed;top:-80px;left:20px;background:var(--orange);padding:15px;z-index:200}.skip:focus{top:10px}header{height:94px;display:flex;align-items:center;gap:38px;padding:0 5%;background:var(--navy);color:#f2f3f5;border-bottom:1px solid #ffffff20;position:relative;z-index:30}header .brand{margin-right:auto;display:flex}header nav{display:flex;gap:28px;font-size:14px}header nav a:hover{color:var(--orange)}.languages{display:flex;gap:8px;align-items:center}.languages select{color:inherit;background:var(--navy);padding:12px 4px;border:0;max-width:156px;font-size:13px;cursor:pointer}.header-cta{border:1px solid #ffffff50;padding:13px 18px;font-size:14px}.hero{padding:90px 5% 36px;background:linear-gradient(130deg,#17283b 20%,#202b37 65%,#292b30);color:#fff;display:grid;grid-template-columns:.95fr 1.2fr;gap:36px;min-height:720px;overflow:hidden;position:relative}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;line-height:1.6;display:flex;align-items:center;gap:10px;margin:0 0 27px}.signal{height:6px;width:6px;background:var(--orange);flex:none}.hero .eyebrow{color:#c1cbd5}.hero h1{font-size:clamp(50px,5.4vw,86px);letter-spacing:-3.3px;line-height:1.02;margin:0 0 28px}.accent{color:var(--orange)}.lead{max-width:420px;color:#cbd2da;font-size:18px;line-height:1.65}.actions{display:flex;align-items:center;gap:30px;margin-top:36px;flex-wrap:wrap}.button{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:18px 22px;min-height:54px;font-size:14px;font-weight:bold;line-height:1.3;transition:background .18s}.primary{background:var(--orange);color:var(--navy)}.primary:hover{background:#ff974f}.secondary{background:var(--navy);color:#fff}.secondary:hover{background:#2c425b}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:12px;line-height:1.5}.text-link:hover{text-decoration:underline}.hero-note{font-size:12px;color:#a8b4c3;margin-top:22px}.hero-visual{padding-top:32px;min-width:0}.visual-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#b1bdc9;padding:0 0 13px}.app-window{background:#e5e7e9;border:1px solid #687483;box-shadow:0 24px 80px #08172755;width:100%;aspect-ratio:1.38;color:var(--navy)}.app-bar{height:42px;background:var(--navy);display:flex;align-items:center;gap:18px;padding:0 14px;color:#c3ccd5;font-size:9px}.app-bar img{width:75px}.window-dots{margin-left:auto;white-space:nowrap;letter-spacing:5px}.app-body{display:flex;height:calc(100% - 42px)}.app-sidebar{background:#23303e;width:120px;flex:none;font-size:10px;color:#c2c9d2;padding:22px 9px;position:relative}.app-sidebar small{font-size:8px;letter-spacing:1px;margin:0 8px 18px;display:block}.app-sidebar>div{padding:10px 7px;white-space:nowrap}.app-sidebar .selected{background:var(--orange);color:var(--navy)}.sidebar-bottom{position:absolute;bottom:8px;color:#99a7b6}.app-canvas{flex:1;min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column}.canvas-tabs{height:37px;display:flex;align-items:center;gap:19px;background:#f4f5f6;padding:0 16px;font-size:9px;flex:none}.canvas-tabs b{height:100%;display:flex;align-items:center;border-bottom:2px solid var(--orange)}.scene{width:100%;min-height:0;flex:1;object-fit:contain}.canvas-footer{display:flex;justify-content:space-between;background:#f4f5f6;font-size:8px;letter-spacing:1px;padding:8px 13px;flex:none}.visual-caption{display:flex;align-items:center;gap:11px;font-size:10px;color:#b7c2cf;margin-top:22px}.orange-line{width:22px;height:1px;background:var(--orange)}#replay{margin-left:auto;background:none;color:#c1cad5;font-size:10px;padding:10px 0}.hero-index{grid-column:1/-1;display:flex;gap:14px;align-items:center;font-size:10px;letter-spacing:1px;color:#a6b4c2;margin-top:34px}.hero-index span{margin-left:auto}.strip{display:flex;align-items:center;justify-content:space-around;background:var(--orange);padding:24px 5%;color:var(--navy);font-weight:bold;font-size:12px;letter-spacing:2px}.strip b{font-size:22px;font-weight:normal}.section{padding:92px 6%;max-width:1500px;margin:auto}.section-top{display:flex;align-items:flex-start;justify-content:space-between}.section-top .eyebrow{color:var(--muted)}.section-number{font-size:11px;color:#657381}.section-heading{display:flex;align-items:flex-start;gap:12%;margin-bottom:52px}h2{font-size:clamp(32px,3.6vw,54px);line-height:1.09;letter-spacing:-1.7px;color:var(--navy);margin:0 0 28px}.section-heading h2{flex:1;margin:0}.section-heading>p{flex:.8;font-size:17px;line-height:1.6;color:var(--muted);max-width:420px;margin:2px 0 0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product{padding:35px 38px;background:var(--bg);color:var(--navy)}.product.pocket{background:var(--navy);color:#f2f3f5}.product-title{display:flex;align-items:center;justify-content:space-between}.product h3{font-size:31px;margin:0;font-weight:500;letter-spacing:1px}.product h3 span{font-size:22px;letter-spacing:0}.product-arrow{font-size:28px;color:var(--orange)}.product>p{font-size:15px;color:var(--muted)}.pocket>p{color:#bfcad5}.pocket-drawing,.parts-drawing{height:225px;margin:15px 0}.pocket-drawing svg,.parts-drawing svg{width:100%;height:100%}ul{list-style:none;margin:12px 0 28px;padding:0}li{font-size:14px;line-height:1.55;padding:7px 0 7px 19px;position:relative}li:before{content:'+';position:absolute;left:0;color:var(--orange)}.product-link{border-top:1px solid #56617155;padding-top:22px;display:flex;justify-content:space-between;font-size:14px}.product-link:hover{color:var(--orange)}.pocket .product-link{border-color:#ffffff25}.section-note{font-size:12px;color:var(--muted);line-height:1.7;max-width:920px;margin:24px 0 0}.workflow{border-top:1px solid #cdd3da}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:50px 0}.steps article{border-top:1px solid #cbd1d8;padding-top:23px}.steps b{font-size:13px;color:#a74605}.steps h3{font-size:26px;font-weight:500;margin:28px 0 18px;color:var(--navy)}.steps p{color:var(--muted);font-size:16px;line-height:1.6;max-width:310px;min-height:80px}.steps small{display:block;font-size:12px;font-weight:bold;margin-top:25px;color:var(--navy)}details{border-top:1px solid #cbd1d8;border-bottom:1px solid #cbd1d8;padding:22px 0}summary{cursor:pointer;font-size:15px;font-weight:bold;color:var(--navy);line-height:1.5}details p{font-size:15px;line-height:1.65;color:var(--muted);max-width:850px;margin-bottom:0}.pricing{background:#e8eaed;max-width:none;padding-left:max(6%,calc((100% - 1320px)/2));padding-right:max(6%,calc((100% - 1320px)/2))}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{border:1px solid #bdc6d0;padding:38px;display:flex;flex-direction:column;align-items:flex-start}.price-card.featured{background:var(--panel);border-top:3px solid var(--orange);padding-top:36px}.price-card h3{font-size:26px;font-weight:500;margin:0 0 30px;color:var(--navy)}.price-card .eyebrow{color:var(--muted);margin-bottom:20px}.price{font-size:64px;font-weight:bold;letter-spacing:-3px;color:var(--navy);line-height:1.1}.price>span{font-size:16px;font-weight:400;letter-spacing:0}.price small{font-size:15px;font-weight:400;letter-spacing:0;margin-left:9px;white-space:nowrap}.price-card>p:not(.eyebrow){font-size:16px;line-height:1.6;color:var(--muted);max-width:420px}.price-meta{font-size:12px;color:var(--muted);border-top:1px solid #ccd1d8;padding-top:17px;width:100%;margin:16px 0 24px}.price-card .button{margin-top:auto;width:100%}.price-card .text-link{margin-top:auto;padding:17px 0}.usage-icon{height:70px;display:flex;align-items:end;gap:7px}.usage-icon i{background:var(--navy);width:31px;height:22%}.usage-icon i:nth-child(2){height:40%}.usage-icon i:nth-child(3){height:60%}.usage-icon i:nth-child(4){height:80%}.usage-icon i:last-child{height:100%;background:var(--orange)}.pricing-disclaimer{font-size:12px;line-height:1.7;color:var(--muted);padding:23px 0 28px;max-width:970px}.pro-section{position:relative;overflow:hidden;background:linear-gradient(120deg,#17283b,#292b30);color:#f2f3f5;padding:90px 6%;min-height:410px;display:flex;align-items:center}.pro-copy{position:relative;max-width:590px}.pro-copy h2{color:#fff}.pro-copy>.eyebrow{color:var(--orange)}.pro-copy>p:not(.eyebrow){color:#c3cbd5;line-height:1.65;font-size:18px;max-width:460px}.pro-status{font-size:12px;color:#aebac7}.pro-mark{position:absolute;font-size:clamp(180px,30vw,490px);font-weight:bold;letter-spacing:-20px;right:1%;color:#ffffff06;line-height:1;top:70px}.download-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbd1d8}.download-grid article{padding:36px;display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:center}.download-grid article+article{border-left:1px solid #cbd1d8}.download-grid img{grid-row:1/3}.download-grid h3{font-size:27px;color:var(--navy);font-weight:500;margin:0}.download-grid p{font-size:14px;color:var(--muted);margin:8px 0 0}.download-grid button{grid-column:1/-1;margin-top:30px;width:100%}.download-grid small{grid-column:1/-1;font-size:12px;color:var(--muted);margin-top:12px}footer{background:var(--navy);color:#b9c3d0;padding:52px 6% 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:40px}.footer-top p{font-size:15px}.footer-bottom{display:flex;gap:24px;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:24px;font-size:11px;line-height:1.6}.footer-bottom a:hover{color:var(--orange)}dialog{border:0;border-top:4px solid var(--orange);padding:46px;width:min(540px,calc(100% - 32px));background:var(--panel);color:var(--navy)}dialog::backdrop{background:#101c2bc9;backdrop-filter:blur(4px)}dialog h2{font-size:34px}dialog p:not(.eyebrow){font-size:16px;line-height:1.65;color:var(--muted)}dialog .button{margin-top:28px}.close{position:absolute;right:12px;top:8px;background:none;font-size:28px;color:var(--navy);width:44px;height:44px}#skip-intro{position:fixed;bottom:25px;right:25px;z-index:110;background:var(--orange);color:var(--navy);padding:15px}.intro-clone{position:fixed;z-index:100;pointer-events:none;transform-origin:0 0}.intro-backdrop{position:fixed;inset:0;background:var(--navy);z-index:90}
@media(min-width:1600px){header{padding-left:calc((100% - 1440px)/2);padding-right:calc((100% - 1440px)/2)}.hero{padding-left:calc((100% - 1440px)/2);padding-right:calc((100% - 1440px)/2)}}
@media(max-width:1050px){header{gap:20px}header nav{gap:16px}.header-cta{display:none}.hero{gap:24px;padding-top:66px;min-height:640px}.hero h1{font-size:61px}.hero-visual{padding-top:50px}.app-sidebar{width:92px;font-size:8px}.app-sidebar small{font-size:7px}.visual-label{font-size:8px}.visual-caption{flex-wrap:wrap}.app-bar{gap:10px}.lead{font-size:17px}.product{padding:28px}.price{font-size:54px}}
@media(max-width:760px){html{scroll-padding-top:20px}header{height:auto;min-height:80px;padding:20px 6%;gap:15px;flex-wrap:wrap}header .brand img{width:128px}header nav{order:3;width:100%;justify-content:space-between;padding-top:10px;font-size:12px}.languages select{max-width:148px;font-size:12px}.hero{padding:50px 6% 28px;display:block}.hero h1{font-size:clamp(45px,10.5vw,68px);letter-spacing:-2px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.lead{max-width:500px}.hero-visual{padding-top:48px}.hero-index{margin-top:37px}.app-sidebar{width:88px}.app-window{aspect-ratio:1.4}.app-bar{height:34px;font-size:8px}.app-body{height:calc(100% - 34px)}.app-bar img{width:61px}.canvas-tabs{font-size:8px;gap:12px;height:30px;padding:0 10px}.app-sidebar{padding-top:14px}.strip{font-size:8px;letter-spacing:1px;padding:18px 3%}.strip b{font-size:15px}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:32px}.section-heading h2{margin-bottom:24px}.section-heading>p{font-size:16px}.product-grid,.pricing-grid{grid-template-columns:1fr}.product{padding:28px}.pocket-drawing,.parts-drawing{height:210px}.steps{grid-template-columns:1fr;gap:28px;margin:35px 0}.steps h3{margin-top:15px}.steps p{min-height:0;max-width:none}.steps small{margin-top:15px}.price-card{padding:30px}.price-card.featured{padding-top:28px}.price{font-size:58px}.pro-section{padding:65px 6%;min-height:420px}.pro-mark{top:200px;right:-10px;letter-spacing:-13px}.pro-copy>p:not(.eyebrow){font-size:16px}.download-grid{grid-template-columns:1fr}.download-grid article{padding:28px}.download-grid article+article{border-left:0;border-top:1px solid #cbd1d8}.footer-top{display:block}.footer-top p{margin-top:25px}.footer-bottom{flex-direction:column;gap:12px}dialog{padding:40px 28px}.eyebrow{font-size:10px}.section-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* ARTA / motion direction 02 */
header{z-index:120;background:#132438}.hero{min-height:800px;background:radial-gradient(ellipse at 83% 32%,#354650 0,transparent 47%),linear-gradient(115deg,#112236,#24333e 70%,#2d2d31);padding-top:100px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(60px,6.5vw,104px);letter-spacing:-4px;line-height:.99}.hero .accent{background:linear-gradient(90deg,#ff791f,#ffb475,#ff791f);background-size:200%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:colorShift 8s ease-in-out infinite}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#a9c4df08 1px,transparent 1px),linear-gradient(90deg,#a9c4df08 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000);transform:perspective(600px) rotateX(15deg) scale(1.1);animation:gridDrift 22s linear infinite}.orbital{position:absolute;border:1px solid #fba46725;border-radius:50%;width:680px;height:680px;top:-180px;right:-210px;box-shadow:0 0 0 100px #ffffff03,0 0 0 200px #ffffff02;animation:orbitDrift 16s ease-in-out infinite}.hero-visual{position:relative;z-index:2;padding-top:56px;perspective:1400px}.app-window{aspect-ratio:1.35;transform:rotateY(-8deg) rotateX(3deg);border:1px solid #a1aebb88;box-shadow:15px 40px 90px #020e2080;transition:transform .7s ease}.hero-visual:hover .app-window{transform:rotateY(0deg) rotateX(0deg)}.app-sidebar{background:#142437}.hero-render{position:relative;flex:1;min-height:0;overflow:hidden;background:#c9c1af}.hero-render .scene{width:100%;height:100%;object-fit:cover;object-position:50%;animation:renderBreathe 20s ease-in-out infinite}.scan-line{position:absolute;left:0;right:0;top:-5%;height:2px;background:#ff9b56;box-shadow:0 0 23px 9px #ff791f30;animation:scan 8s ease-in-out infinite}.render-cross{position:absolute;color:#fff8;font:24px monospace}.cross-a{top:20px;left:18px}.cross-b{bottom:40px;right:18px}.render-measure{position:absolute;bottom:18px;left:20%;right:20%;border-bottom:1px solid #ffffff9c;text-align:center;color:#fff;font-size:9px;padding:4px;text-shadow:0 1px 4px #000;background:#17283b2e}.visual-caption{margin-top:32px}.hero-index{margin-top:48px}header{gap:25px}header nav{gap:20px}.motion-strip{padding:29px 5%;position:relative;overflow:hidden}.motion-strip:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,#ffffff40 50%,transparent 65%);transform:translateX(-100%);animation:stripSweep 10s ease-in-out infinite}.motion-strip>span,.motion-strip>b{position:relative}.experience{padding-bottom:72px}.comparison{position:relative;aspect-ratio:16/9;overflow:hidden;background:#192c3e;isolation:isolate}.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.blueprint{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#142a40}.blueprint img{filter:grayscale(1) contrast(1.3) brightness(.65);opacity:.68;mix-blend-mode:luminosity}.blueprint-grid{position:absolute;inset:0;background-image:linear-gradient(#dceeff20 1px,transparent 1px),linear-gradient(90deg,#dceeff20 1px,transparent 1px);background-size:32px 32px}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--orange);z-index:2;pointer-events:none}.comparison-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--orange);padding:20px 16px;font-size:24px;color:var(--navy)}.comparison-label{position:absolute;top:22px;font-size:10px;letter-spacing:1px;padding:12px 15px;background:#17283be0;color:#fff;z-index:3;pointer-events:none}.comparison-label.left{left:22px}.comparison-label.right{right:22px}#comparison-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:4}#comparison-range:focus-visible{opacity:1;inset:auto 4% 18px;width:92%;height:25px;accent-color:var(--orange)}.live-section{display:grid;grid-template-columns:.8fr 1.2fr;background:#13253a;color:#e2e8ef;padding:80px 6%;gap:60px;position:relative;overflow:hidden}.live-copy{padding-top:30px}.live-copy .eyebrow{color:var(--orange)}.live-copy h2{color:#fff}.live-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#b8c5d3}.live-copy .live-note{font-size:11px!important;margin-top:24px}.material-buttons{display:flex;gap:8px;margin:25px 0 35px;flex-wrap:wrap}.material{padding:12px;background:transparent;color:#bbc9d8;display:flex;align-items:center;gap:9px;border:1px solid #6e809453;font-size:12px}.material i{width:15px;height:15px;display:block}.material.active{border-color:var(--orange);color:#fff;background:#ffffff07}.explode-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}input[type=range]{accent-color:var(--orange)}#explode{width:100%;cursor:ew-resize}.live-stage{background:radial-gradient(ellipse at 50% 38%,#647184,#364558 62%,#293b50);border:1px solid #8b9aad55;position:relative;min-width:0;align-self:center}.stage-header,.stage-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 20px;font-size:9px;letter-spacing:1px;color:#d5dfe9}.stage-header{border-bottom:1px solid #ffffff14}.stage-header span:last-child{color:#ffab6f}.stage-footer{border-top:1px solid #ffffff14;letter-spacing:0}.stage-footer button{background:none;color:#d5dfe9;font-size:10px;padding:8px}#model-stage{height:430px;position:relative;touch-action:pan-y}#model-stage canvas{display:block;max-width:100%;cursor:grab}#model-stage canvas:active{cursor:grabbing}.model-fallback{width:100%;height:100%;object-fit:contain}.model-error{position:absolute;bottom:20px;left:20px;right:20px;color:#fff;font-size:12px}.fallback canvas{display:none}.fallback .model-fallback{display:block!important}.product{transition:transform .45s,box-shadow .45s}.product:hover{transform:translateY(-8px);box-shadow:0 25px 55px #14283b15}.pocket-drawing svg path{stroke-dasharray:1600;stroke-dashoffset:1600}.revealed .pocket-drawing svg path{animation:drawLine 2.5s ease forwards}.parts-drawing{animation:floatTag 9s ease-in-out infinite}.product-arrow{transition:transform .35s}.product:hover .product-arrow{transform:translate(5px,-5px)}.pro-mark{animation:proDrift 18s ease-in-out infinite}.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal-ready.revealed{opacity:1;transform:translateY(0)}.steps article:nth-child(2){transition-delay:.1s}.steps article:nth-child(3){transition-delay:.2s}.intro-clone .hero-render:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17283b99,transparent);animation:introReveal 2.8s ease forwards}.intro-clone .scan-line{animation:scan 2.8s linear 1}.intro-backdrop{background:radial-gradient(ellipse at 50% 50%,#334252,#101f30);z-index:90}.intro-clone{z-index:100}.intro-caption{position:fixed;bottom:34px;left:6%;color:#f5f6f8;z-index:105;font-size:12px;letter-spacing:3px;pointer-events:none}.intro-caption b{color:var(--orange);margin-right:22px;font-weight:400}.intro-progress{position:fixed;bottom:0;left:0;height:3px;background:var(--orange);z-index:110;width:100%;transform-origin:left;animation:progress 2.8s linear forwards}#skip-intro{z-index:130}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal-ready{opacity:1;transform:none}
@keyframes scan{0%,10%{top:-5%;opacity:0}20%{opacity:.8}75%{top:105%;opacity:.8}85%,100%{top:105%;opacity:0}}@keyframes renderBreathe{50%{transform:scale(1.045)}}@keyframes floatTag{50%{transform:translateY(-10px)}}@keyframes gridDrift{to{background-position:72px 72px}}@keyframes orbitDrift{50%{transform:translate(-30px,25px)}}@keyframes colorShift{50%{background-position:100%}}@keyframes stripSweep{60%,100%{transform:translateX(100%)}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes proDrift{50%{transform:translateX(-35px)}}@keyframes introReveal{0%,30%{opacity:1}75%,100%{opacity:0}}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:68px}.hero .lead{font-size:16px}header{gap:16px}header nav{gap:14px;font-size:12px}.live-section{gap:35px}.live-copy h2{font-size:38px}#model-stage{height:370px}}
@media(max-width:760px){header{gap:12px}.hero{padding-top:54px;min-height:0}.hero h1{font-size:clamp(49px,11.8vw,80px);letter-spacing:-2.5px}.hero-visual{padding-top:70px}.app-window{transform:none;aspect-ratio:1.35}.visual-label{font-size:7px}.hero-index{margin-top:35px}.live-section{grid-template-columns:1fr;padding:58px 6%;gap:30px}.live-copy{padding-top:0}.live-copy h2{font-size:39px}#model-stage{height:350px}.stage-footer{font-size:8px;gap:8px;padding:13px}.stage-footer button{font-size:9px}.comparison{aspect-ratio:4/3}.comparison img{object-position:50%}.comparison-label{font-size:7px;padding:9px;top:12px}.comparison-label.left{left:10px}.comparison-label.right{right:10px}.comparison-divider span{font-size:18px;padding:15px 10px}.experience{padding-bottom:54px}.intro-caption{bottom:78px;font-size:9px;letter-spacing:1px}.intro-caption b{margin-right:8px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.pocket-drawing svg path{stroke-dashoffset:0}.hero .accent{background:none;color:var(--orange)}}

/* v3: aligned CAD-to-render comparison and scroll-safe intro */
html{scroll-behavior:auto;overflow-anchor:none}body{overflow-anchor:none}


.app-window,.hero-visual:hover .app-window{transform:none;transition:box-shadow .5s}
.intro-clone{margin:0!important;max-width:none!important;pointer-events:none;z-index:150!important}
.intro-backdrop{z-index:140!important}
#skip-intro{z-index:160!important}
.intro-clone .hero-render:after{display:none}
.cad-program{background:#bbc3cb}
.cad-program>img{filter:none;opacity:1;mix-blend-mode:normal;object-fit:cover}
.cad-top{position:absolute;inset:0 0 auto 0;height:8%;min-height:32px;background:#17283bf5;display:flex;align-items:center;gap:3%;padding:0 2%;color:#d7e0e8;font-size:clamp(7px,.85vw,13px);z-index:2}
.cad-top img{position:static;width:10%;height:auto;object-fit:contain;flex:none}
.cad-menu{border-left:1px solid #ffffff30;padding-left:2%}
.cad-left{position:absolute;left:0;top:8%;bottom:5%;width:4.5%;min-width:25px;background:#17283bea;display:flex;align-items:center;flex-direction:column;gap:5%;padding-top:2%;color:#c7d5e3;font-size:clamp(12px,1.4vw,22px)}
.cad-active{background:#ff791f;color:#17283b;width:100%;text-align:center;padding:5px 0}
.cad-object{position:absolute;left:6%;top:18%;width:17%;min-width:100px;background:#17283bf0;color:#cad6e2;border:1px solid #68778770;padding:1.3%;font-size:clamp(7px,.85vw,13px);display:flex;flex-direction:column;gap:12px}
.cad-object small{font-size:clamp(6px,.65vw,10px);letter-spacing:1px}.cad-object b{background:var(--orange);color:var(--navy);padding:7px;font-weight:500}
.cad-bottom{position:absolute;bottom:0;left:0;right:0;height:5%;min-height:22px;background:#17283bf5;display:flex;align-items:center;gap:3%;padding:0 2%;font-size:clamp(6px,.7vw,11px);color:#c7d5e3;letter-spacing:1px}.cad-axis{margin-left:auto;color:#ffab70}
.comparison-label.left{top:auto;bottom:8%;left:6%;background:#17283bea}.comparison-label.right{top:auto;bottom:8%}
@media(max-width:760px){.cad-object{gap:6px;padding:9px;left:9%;top:22%;min-width:85px;width:27%;font-size:7px}.cad-menu{display:none}.cad-top{height:10%;gap:5%;font-size:8px}.cad-top img{width:17%}.cad-left{top:10%;bottom:7%;gap:7%;font-size:15px}.cad-bottom{height:7%;font-size:6px}.comparison-label.left,.comparison-label.right{bottom:10%;font-size:7px}}

/* Entrance layer cannot contribute to document size or scroll anchoring. */
.entrance-layer{position:fixed;inset:0;z-index:10000;overflow:hidden;contain:strict;isolation:isolate;pointer-events:auto;touch-action:none}
.entrance-shade{position:absolute;inset:0;background:#132438}
.entrance-app{max-width:none!important;pointer-events:none;will-change:transform;box-shadow:0 30px 80px #0005}
#skip-intro{z-index:10001!important}
.skip{z-index:10002}

/* ARTA / premium spatial identity */
:root{--silver-matte:#9daab5;--silver-ice:#f0f4f6;--orange-hot:#f47722;--orange-light:#ffc08a}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
header{background:linear-gradient(105deg,#101e2e 0%,#192737 58%,#252c34 100%);box-shadow:0 14px 40px #0c172331}
header:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#dbe5eb66 22%,#f47925ab 58%,transparent)}
header .brand img{width:155px;height:auto;filter:drop-shadow(0 0 13px #ff8d3129)}
header nav a,.header-cta,.languages select{transition:color .25s,border-color .25s,background .25s}
header nav a:hover{color:#ffad69}
.header-cta{border-color:#aebbc477;background:linear-gradient(120deg,#ffffff0b,#ffffff03)}
.header-cta:hover{border-color:#ffb06f;background:#ffffff12}
.languages select{background:transparent}
.hero{isolation:isolate;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);min-height:810px;padding-top:84px;background:radial-gradient(ellipse at 80% 26%,#4c5c68 0,transparent 35%),radial-gradient(ellipse at 33% 93%,#94451835 0,transparent 42%),linear-gradient(116deg,#0d1c2d 0%,#1a2938 51%,#343a3e 100%)}
.hero:before{content:"";position:absolute;inset:0;background:url("assets/arta-triangle-pattern.svg") repeat;background-size:250px 250px;opacity:.34;pointer-events:none;z-index:0;animation:patternDrift 34s linear infinite}
.entrance-shade{background:radial-gradient(ellipse at 68% 36%,#52636f 0,transparent 41%),radial-gradient(ellipse at 26% 82%,#9d4c2460 0,transparent 31%),url("assets/arta-triangle-pattern.svg") repeat,#101e2f;background-size:auto,auto,260px 260px,auto}
.hero:after{content:"";position:absolute;right:3%;top:0;width:36%;height:100%;background:linear-gradient(115deg,transparent 32%,#e1ebf021 49.7%,#f7fdff29 50%,transparent 50.3%);pointer-events:none;opacity:.45;z-index:0}
.hero-grid{z-index:0;opacity:.68}
.orbital{z-index:0;border-color:#d4e1e52b;box-shadow:0 0 0 95px #d7e5ea08,0 0 0 190px #f4832609}
.hero-copy{position:relative;z-index:2;max-width:650px;padding-top:8px}
.hero-emblem{width:68px;height:68px;margin:0 0 20px;filter:drop-shadow(0 18px 22px #0006) drop-shadow(0 0 14px #f175243e);animation:emblemHover 9s ease-in-out infinite}
.hero-emblem img{width:100%;height:100%;display:block}
.hero .eyebrow{margin-bottom:18px;color:#cad5de;font-size:11px;letter-spacing:2px}
.signal{width:10px;height:10px;background:linear-gradient(135deg,#ffddae,#f17524 65%,#9f4312);clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:none}
.hero h1{font-size:clamp(54px,5vw,74px);line-height:1.04;letter-spacing:-.06em;margin-bottom:28px;font-weight:750;text-wrap:balance}
.hero h1>span{display:inline-block}
.hero h1>span:first-child{background:linear-gradient(107deg,#f8fbfc 0%,#aab7c1 30%,#f7fafb 52%,#b8c4ca 82%,#e4ecee 100%);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;animation:silverFlow 13s ease-in-out infinite}
.hero .accent{background:linear-gradient(100deg,#fa8030 5%,#ffe0aa 36%,#f17820 60%,#ffb477 82%,#f58530 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;animation:colorShift 11s ease-in-out infinite}
.hero .lead{max-width:510px;font-size:18px;line-height:1.62;color:#d1dbe2;margin:0}
.hero .actions{margin-top:31px}
.hero .primary,.download .primary,.pricing .primary,dialog .primary{position:relative;overflow:hidden;background:linear-gradient(112deg,#d65a17 0%,#ff8a31 24%,#ffd0a0 49%,#f37a24 72%,#c75315 100%);background-size:175% 100%;color:#172538;border:1px solid #ffbc83;box-shadow:inset 0 1px #ffe6c4a6,0 12px 28px #ef6c263d;transition:background-position .45s ease,transform .25s ease,box-shadow .25s ease}
.hero .primary:hover,.download .primary:hover,.pricing .primary:hover,dialog .primary:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:inset 0 1px #ffe6c4a6,0 18px 34px #ef6c2654}
.hero .text-link{color:#e5ebef;border-bottom:1px solid #b4c0c86b;padding-bottom:6px}
.hero .text-link:hover{color:#ffba80;text-decoration:none;border-color:#ffba80}
.hero-note{border-left:2px solid #f5832c;padding-left:13px;color:#bfcbd5;margin-top:27px;font-size:12px;letter-spacing:.02em}
.hero-visual{padding-top:71px;position:relative;z-index:2}
.hero-visual:before{content:"";position:absolute;right:-5%;top:1%;width:41%;aspect-ratio:1;clip-path:polygon(50% 0,100% 88%,0 88%);border:1px solid #ffffff2b;background:linear-gradient(138deg,#f4f9fa18,#ff9c4711 64%,transparent);transform:rotate(14deg);filter:drop-shadow(0 0 28px #ff86262a);z-index:-1;animation:triangleDrift 14s ease-in-out infinite}
.visual-label{color:#d0dae0;font-size:10px;letter-spacing:1.9px}
.app-window{position:relative;aspect-ratio:1.35;border:1px solid #d7e1e5a8;box-shadow:0 0 0 5px #e1e9ee0d,0 30px 70px #020c1a9c,28px 36px 100px #e96c202e;overflow:hidden}
.app-window:after{content:"";position:absolute;inset:0;border:1px solid #ffffff3d;pointer-events:none}
.app-bar{background:linear-gradient(90deg,#102236,#243442,#16273a);border-bottom:1px solid #d0dee252}
.app-sidebar{background:linear-gradient(90deg,#112236,#233648)}
.hero-render{background:#718293}
.hero-render .scene{animation:none;display:block}
.hero-render .render-future{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50%;clip-path:inset(0 0 0 49%);animation:previewReveal 14s ease-in-out infinite;filter:saturate(.95) contrast(1.03)}
.render-seam{position:absolute;z-index:2;top:0;bottom:0;left:49%;width:2px;background:linear-gradient(180deg,#ffe1be,#ff7d27 50%,#cf4f16);box-shadow:0 0 18px 4px #f07b2b80;animation:previewSeam 14s ease-in-out infinite;pointer-events:none}
.render-seam:after{content:"";position:absolute;top:49%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:25px;height:25px;background:linear-gradient(135deg,#ffc590,#f16c1e);border:1px solid #ffdeba;box-shadow:0 3px 16px #0006}
.hero-render .scan-line{z-index:3;opacity:.7}
.hero-render .render-cross,.hero-render .render-measure{z-index:3}


.visual-caption{color:#d5dfe6}
#replay{color:#e4ebef;border-bottom:1px solid #a6b7c36e}
#replay:hover{color:#ffbd82;border-color:#ffbd82}
.hero-index{color:#c6d0d7;border-top:1px solid #cad4da35;padding-top:18px}
.motion-strip{background:linear-gradient(108deg,#8795a0 0%,#d8e0e3 21%,#f3f6f5 46%,#a5b2bb 78%,#e0e5e4 100%);border-bottom:1px solid #75818b;box-shadow:inset 0 1px #ffffffd9;color:#26394a}
.motion-strip:before{background:linear-gradient(100deg,transparent 32%,#ffffff85 49%,transparent 67%)}
.motion-strip b{font-size:0;width:11px;height:11px;clip-path:polygon(0 0,100% 50%,0 100%);background:linear-gradient(110deg,#a94919,#ff9b4d)}
.section-top .eyebrow:before{content:"";display:inline-block;width:9px;height:9px;margin-right:3px;flex:none;background:linear-gradient(135deg,#ffae62,#e7671a);clip-path:polygon(50% 0,100% 100%,0 100%)}
.product{position:relative;isolation:isolate;overflow:hidden}
.product:before,.price-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#f26f23,#fbd7b2 34%,#acb9c1 68%,transparent)}
.product.pocket{background:linear-gradient(126deg,#0f2133,#253747 67%,#18293a)}
.product.pocket:after{content:"";position:absolute;inset:0;background:url("assets/arta-triangle-pattern.svg") repeat;background-size:230px;opacity:.23;z-index:-1;pointer-events:none}
.product.desktop{background:linear-gradient(125deg,#eef1f2 0%,#c5ced4 46%,#f0f2f2 77%,#d0d7da 100%)}
.product h3{font-weight:600}
.price-card{position:relative;overflow:hidden;background:linear-gradient(140deg,#e5e9ea,#d6dce0)}
.price-card.featured{background:linear-gradient(135deg,#ffffff,#d8dee1 62%,#f5f7f6);box-shadow:0 18px 50px #14243713;border-top-color:#fa7b29}
.price-card.featured:before{height:4px;background:linear-gradient(90deg,#c95218,#ffab69,#ffe3c6,#f57d28)}
.pro-section{background:radial-gradient(circle at 84% 47%,#6d7b8555,transparent 32%),linear-gradient(112deg,#0f1f30,#233341 56%,#343c42)}
.pro-section:before{content:"";position:absolute;inset:0;background:url("assets/arta-triangle-pattern.svg") repeat;background-size:260px;opacity:.19;pointer-events:none}
.pro-mark{background:linear-gradient(125deg,#737f89,#f1f5f5 40%,#596775 62%,#f7faf8);background-clip:text;-webkit-background-clip:text;color:transparent;opacity:.2}
.download-grid article{background:linear-gradient(145deg,#f8f9f8,#e8edef)}
.download-grid article+article{background:linear-gradient(145deg,#e3e8ea,#f7f9f8)}
.download-grid img{filter:drop-shadow(0 7px 9px #9d4f1f40)}
#model-stage:focus-visible{outline:3px solid #ff9b50;outline-offset:-3px}
footer{background:linear-gradient(108deg,#111f30,#1c2d3e)}
@keyframes previewReveal{0%,100%{clip-path:inset(0 0 0 49%)}45%,58%{clip-path:inset(0 0 0 28%)}79%{clip-path:inset(0 0 0 72%)}}
@keyframes previewSeam{0%,100%{left:49%}45%,58%{left:28%}79%{left:72%}}
@keyframes patternDrift{to{background-position:250px 0}}
@keyframes silverFlow{50%{background-position:100% 0}}
@keyframes emblemHover{50%{transform:translateY(-7px) rotate(-3deg)}}
@keyframes triangleDrift{50%{transform:translateY(18px) rotate(20deg)}}
@media(max-width:1150px){.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px}.hero h1{font-size:clamp(49px,5.2vw,64px)}.hero .lead{font-size:16px}.hero-emblem{width:56px;height:56px}.hero-visual{padding-top:83px}}
@media(max-width:760px){header .brand img{width:128px}.hero{padding-top:44px;min-height:0}.hero-copy{max-width:none}.hero-emblem{width:50px;height:50px;margin-bottom:15px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero h1{font-size:clamp(39px,8.8vw,62px);letter-spacing:-.055em;line-height:1.05}.hero .lead{font-size:16px;max-width:560px}.hero-visual{padding-top:62px}.hero-visual:before{width:45%;top:7%}.app-window{aspect-ratio:1.35}.visual-label{font-size:9px;line-height:1.3;letter-spacing:.8px}.visual-label span{max-width:48%}.visual-label span:last-child{text-align:right}.hero-index{margin-top:29px}.motion-strip{gap:8px;flex-wrap:wrap}.motion-strip b{width:8px;height:8px}.stage-footer{font-size:10px}.stage-footer button{font-size:10px}}
@media(max-width:420px){.hero h1{font-size:clamp(36px,8.6vw,42px)}.hero .actions{gap:20px}.hero .primary{width:100%}.hero .text-link{margin:2px 0}.hero-render .render-future,.render-seam{animation-duration:18s}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero-emblem,.hero-visual:before,.hero h1>span:first-child,.hero .accent,.hero-render .render-future,.render-seam{animation:none!important}.hero-render .render-future{clip-path:inset(0 0 0 49%)}.render-seam{left:49%}.hero h1>span:first-child{background:none;color:#ecf2f4}.hero .accent{background:none;color:#ff9b50}}

/* Unified ARTA: one product, four clear stages, one future purchase path. */
.product-grid{grid-template-columns:minmax(0,1fr);max-width:980px;margin-inline:auto}
.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.steps article:nth-child(4){transition-delay:.3s}
.download-grid{grid-template-columns:1fr;max-width:680px;margin-inline:auto}
@media(max-width:1100px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.steps{grid-template-columns:1fr;gap:28px}}

/* A detailed, scannable view of what the ARTA pilot can do. */
.capabilities{max-width:1320px;margin:84px auto 0;padding-top:38px;border-top:1px solid #b8c4ca}
.capabilities-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,430px);align-items:end;gap:5vw;margin-bottom:28px}
.capabilities-heading .eyebrow{color:#a94c12;margin-bottom:18px}
.capabilities-heading h3{margin:0;color:#17283b;font-size:clamp(36px,4.5vw,60px);line-height:1.04;letter-spacing:-.052em}
.capabilities-heading>p{max-width:430px;margin:0 0 4px;color:#526171;font-size:16px;line-height:1.65}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.capability-card{position:relative;min-height:275px;padding:27px 27px 30px;overflow:hidden;border:1px solid #b8c4ca;background:linear-gradient(132deg,#f5f6f6,#dce3e6 48%,#f3f5f5);box-shadow:0 18px 42px #14283b0b;color:#182b3e}
.capability-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#ff791f,#f2b277 36%,#a8b8c2 70%,transparent)}
.capability-card:after{content:"";position:absolute;width:76px;height:76px;top:-52px;right:-52px;transform:rotate(45deg);border:1px solid #f27b2660}
.capability-card:nth-child(3n+1){color:#edf3f5;background:linear-gradient(137deg,#14263a,#2d4051 64%,#182b3e);border-color:#455b6c}
.cap-number{color:#b9561d;font-size:11px;font-weight:700;letter-spacing:1.7px}
.capability-card:nth-child(3n+1) .cap-number{color:#ff9b55}
.capability-card h4{position:relative;margin:34px 0 15px;font-size:clamp(21px,2vw,27px);line-height:1.12;letter-spacing:-.025em}
.capability-card p{position:relative;margin:0;max-width:37ch;font-size:14px;line-height:1.65;color:#4f5e69}
.capability-card:nth-child(3n+1) p{color:#d1dbe2}
@media(max-width:1050px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-card{min-height:245px}.capability-card:nth-child(3n+1){color:#182b3e;background:linear-gradient(132deg,#f5f6f6,#dce3e6 48%,#f3f5f5);border-color:#b8c4ca}.capability-card:nth-child(3n+1) p{color:#4f5e69}.capability-card:nth-child(odd){color:#edf3f5;background:linear-gradient(137deg,#14263a,#2d4051 64%,#182b3e);border-color:#455b6c}.capability-card:nth-child(odd) p{color:#d1dbe2}.capability-card:nth-child(odd) .cap-number{color:#ff9b55}}
@media(max-width:720px){.capabilities{margin-top:58px;padding-top:29px}.capabilities-heading{grid-template-columns:1fr;gap:16px}.capabilities-heading h3{font-size:clamp(35px,8vw,49px)}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:0;padding:25px 25px 29px}.capability-card h4{margin-top:26px}.capability-card p{max-width:none}}

/* Keep the purchase notice legible in every browser. */
#release-dialog,#release-dialog .eyebrow,#release-dialog h2,#release-dialog p:not(.eyebrow),#release-dialog .close{color:#142235}
#release-dialog #dialog-ok{background:#ff791f;color:#142235;border:1px solid #e76412;box-shadow:0 12px 28px #ef6c2640}
#release-dialog #dialog-ok:hover{background:#ff9144;box-shadow:0 16px 30px #ef6c2650}
.languages select{background-color:#132438;color:#f5f6f8;color-scheme:dark}
.languages select option{background-color:#132438;color:#f5f6f8}

/* Cookies information lives in the footer, without a consent banner. */
.footer-link{border:0;border-bottom:1px solid #d8e1ea70;background:none;color:#d8e1ea;padding:0 0 4px;font-size:11px;line-height:1.6;cursor:pointer}
.footer-link:hover{color:#ff9b55;border-bottom-color:#ff9b55}
#cookies-dialog{width:min(640px,calc(100% - 32px));max-height:min(85vh,760px);overflow:auto;color:#142235}
#cookies-dialog .eyebrow,#cookies-dialog h2,#cookies-dialog p:not(.eyebrow),#cookies-dialog .close{color:#142235}
#cookies-dialog .eyebrow{color:#a84a12}
#cookies-dialog h2{font-size:clamp(30px,4vw,42px);margin-bottom:26px}
#cookies-dialog p:not(.eyebrow){font-size:15px;line-height:1.7}
.cookie-actions{display:flex;justify-content:flex-end;margin-top:29px}
#cookies-dialog .cookie-actions .button{margin-top:0;min-width:145px}
#cookies-dialog #cookies-close{background:#ff791f;color:#142235;border:1px solid #e76412;box-shadow:none}
#cookies-dialog #cookies-close:hover{background:#ff9144;box-shadow:none}
@media(max-width:500px){.cookie-actions .button{width:100%}}