@charset "UTF-8";
:root{color-scheme:dark;--bg:#090e16;--surface:#101923;--surface2:#15212d;--text:#f1f5f7;--muted:#a0adbb;--line:#273342;--cyan:#68f5d8;--blue:#6aabff;--violet:#b9a0ff;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.65}body::before{content:"";position:absolute;inset:0 0 auto;height:900px;background:radial-gradient(ellipse at 80% 40%,#16394955,transparent 52%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}::selection{background:var(--cyan);color:var(--bg)}[hidden]{display:none!important}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.muted{color:var(--muted)}.small{font-size:.88rem}.mono{font-size:.65rem;letter-spacing:.14em;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:10px;left:10px;padding:12px;background:var(--cyan);color:var(--bg);z-index:20;transform:translateY(-200%)}.skip:focus{transform:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em;font-weight:650}h1{font-size:clamp(3.5rem,6.5vw,6.2rem);margin-bottom:30px}h2{font-size:clamp(2.2rem,3.8vw,3.5rem);margin-bottom:24px}h3{font-size:1.45rem;letter-spacing:-.03em}em{font-style:normal;color:var(--cyan)}.violet-text,.violet{color:var(--violet)}.eyebrow{display:flex;gap:10px;align-items:center;font-size:.63rem;font-weight:600;letter-spacing:.15em;color:var(--muted);margin-bottom:28px}.eyebrow>span{width:6px;height:6px;background:var(--cyan);border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:13px 22px;border:1px solid transparent;border-radius:7px;font-size:.86rem;font-weight:650;line-height:1.4;transition:background .2s,transform .2s,border-color .2s;white-space:normal;text-align:center}.button.primary{color:#08261e;background:var(--cyan)}.button.primary:hover{background:#a8ffe9;transform:translateY(-2px)}.button.outline{border-color:#3a4655;background:transparent;color:var(--text)}.button.outline:hover{background:#172530;border-color:var(--cyan)}.button>span{font-size:1.2rem}.button.compact{min-height:44px;padding:10px 15px;font-size:.8rem;gap:12px}.full{width:100%}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:.86rem;font-weight:600;padding-block:8px;border-bottom:1px solid #486358}.text-link:hover{color:var(--cyan);border-color:var(--cyan)}.text-link span{font-size:1.1rem}.quiet{border:0;background:transparent;color:var(--muted);display:block;padding:12px;width:100%;font-size:.85rem}.quiet:hover{color:var(--cyan)}
.site-header{position:sticky;top:0;z-index:10;background:#090e16ed;backdrop-filter:blur(18px);border-bottom:1px solid #1e2935}.header-inner{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0;line-height:1.1;font-size:1.22rem;letter-spacing:-.04em}.brand strong{font-weight:600}.brand small{display:block;font-size:.46rem;color:var(--muted);letter-spacing:.17em;margin-top:7px}.brand img{flex:none}.site-header nav{display:flex;gap:36px;align-items:center;font-size:.8rem;color:#c1cad4}.site-header nav a{display:flex;align-items:center;gap:8px;min-height:44px}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--cyan)}.nav-contact{border:1px solid #354052;border-radius:6px;padding:8px 17px;gap:25px!important;color:var(--text)}.nav-dot{width:5px;height:5px;background:var(--cyan);border-radius:50%}.menu-toggle{display:none;border:1px solid var(--line);border-radius:6px;padding:8px 14px;background:var(--surface);color:var(--text)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;align-items:center;padding-top:70px;padding-bottom:80px;min-height:730px}.hero h1{font-size:clamp(3.3rem,6vw,5.9rem);line-height:1.01;letter-spacing:-.065em;margin-bottom:28px}.hero h1 em{display:block;white-space:nowrap;color:var(--cyan);font-size:.84em;line-height:1.25}.hero .eyebrow{font-size:.58rem;margin-bottom:30px}.hero-intro{max-width:435px;color:#b5c0cb;font-size:1.05rem;line-height:1.7;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-footnote{display:flex;align-items:center;gap:12px;font-size:.72rem;color:var(--muted);margin-top:28px}.tiny-cross{color:var(--cyan);font-size:1.2rem}.hero-visual{position:relative;height:530px;min-width:0;background-image:linear-gradient(#526c7712 1px,transparent 1px),linear-gradient(90deg,#526c7712 1px,transparent 1px);background-size:34px 34px;isolation:isolate}.hero-visual::before{content:"";position:absolute;inset:70px 0 0;background:radial-gradient(ellipse,#37b9bf28,transparent 65%);z-index:-1}.visual-top{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;gap:10px;border-top:1px solid var(--line);color:#a4b4c0}.demo-tag{display:inline-flex;align-items:center;font-size:.56rem;line-height:1.5;letter-spacing:.09em;color:var(--cyan);border:1px solid #3c615b;border-radius:4px;padding:4px 7px;white-space:nowrap}.specimen{position:absolute;top:70px;left:0;width:260px;height:330px;border:1px solid #364c5b;background:linear-gradient(145deg,#1d2f3a,#101922);border-radius:10px;transform:rotate(-7deg);box-shadow:0 25px 60px #0004}.specimen-index{display:block;font-size:.53rem;letter-spacing:.13em;color:#a2b5bc;padding:20px}.pipe-art{display:block;width:100%;height:auto}.specimen>.pipe-art{width:240px;filter:drop-shadow(0 20px 13px #0006);margin-top:-10px}.label-sticker{display:flex;gap:12px;align-items:center;background:#f0f0e9;color:#172322;padding:12px;margin:0 14px;border-radius:4px;box-shadow:0 4px 15px #0003}.label-sticker img{width:64px;height:64px}.label-sticker strong{font-size:.66rem;display:block;line-height:1.3}.label-sticker span{font-size:.6rem;display:block}.label-sticker small{display:block;font-size:.43rem;letter-spacing:.03em;margin-top:7px}.preview-phone{position:absolute;top:60px;right:5px;width:250px;border:5px solid #364c5a;outline:1px solid #728b97;border-radius:28px;background:#0c1921;box-shadow:-15px 25px 65px #0008;padding:22px 18px 16px;transform:rotate(6deg);animation:arrive .8s ease-out both}.phone-camera{width:55px;height:5px;border-radius:8px;background:#30424e;position:absolute;top:8px;left:calc(50% - 28px)}.phone-bar{display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.phone-bar strong span{color:var(--cyan)}.phone-material{height:105px;background:radial-gradient(ellipse,#31474466,transparent 65%);margin-top:10px;overflow:hidden}.phone-material .pipe-art{width:180px;margin:-15px auto}.preview-phone .mono{font-size:.44rem;color:var(--cyan);margin:7px 0 12px}.preview-phone h3{font-size:1.35rem;margin-bottom:8px}.preview-phone>.muted{font-size:.62rem}.preview-quantity{display:flex;justify-content:space-between;align-items:center;margin:22px 0;font-size:.68rem}.preview-quantity strong{background:#20333c;padding:6px 10px;border-radius:4px}.preview-phone .button{width:100%;font-size:.68rem;padding:10px;gap:8px}.phone-note{font-size:.53rem;display:block;text-align:center;color:var(--muted);margin-top:12px}.visual-caption{position:absolute;bottom:10px;left:10px;right:10px;display:flex;align-items:center;gap:10px;font-size:.73rem;border-top:1px solid var(--line);padding-top:16px;color:#afbfca}.visual-caption>span:last-child{margin-left:auto;font-size:1.1rem;color:var(--cyan)}.pulse{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px #67f5d866}.orbit{position:absolute;z-index:-1;border:1px solid #50bcd023;border-radius:50%;width:440px;height:440px;top:40px;left:0}.orbit-two{width:360px;height:360px;top:80px;left:40px;border-style:dashed}.principle-strip{border-block:1px solid var(--line);background:#0e1720}.principle-strip .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;color:#bec9d1;font-size:.78rem}.strip-symbol{color:var(--cyan);font-size:1.5rem}
.section{padding-block:100px}.section-heading{margin-bottom:46px}.heading-pair{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.heading-pair h2{margin-bottom:0;flex:1}.heading-pair>p{max-width:380px;color:var(--muted);font-size:.94rem;margin-bottom:2px}.situations{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid var(--line);padding-top:36px}.situations article{min-width:0}.line-icon{display:block;color:var(--cyan);font-size:2.4rem;margin-bottom:24px;line-height:1}.line-icon.violet{color:var(--violet)}.situations h3{font-size:1.55rem;line-height:1.2;margin-bottom:18px}.situations p{color:var(--muted);font-size:.9rem;line-height:1.7;min-height:92px}.product-list{border-top:1px solid var(--line)}.product-row{display:grid;grid-template-columns:35px minmax(0,1.4fr) minmax(0,1fr);gap:32px;padding-block:44px;border-bottom:1px solid var(--line)}.product-number{font-size:.7rem;font-weight:500;color:#718391;letter-spacing:.1em;padding-top:7px}.product-top{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:24px}.product-top>.mono{font-size:.55rem;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:7px;font-size:.66rem;line-height:1.4;padding:6px 9px;border:1px solid #425851;border-radius:5px;color:#b6dace}.status i{width:5px;height:5px;background:currentColor;border-radius:50%;flex-shrink:0}.status.development{color:#c6b5ef;border-color:#514266}.status.available{color:var(--cyan)}.product-copy h3{font-size:3.25rem;margin-bottom:22px;display:flex;gap:26px;align-items:center}.wordmark-spark{color:var(--cyan);font-size:1.6rem}.wordmark-spark.violet{color:var(--violet);font-size:2.5rem}.product-copy>p{max-width:540px;color:#c0cbd5;line-height:1.7;margin-bottom:14px}.product-copy>p.small{color:var(--muted);max-width:490px}.product-copy>.text-link{margin-top:8px}.product-graphic,.pc-graphic{background:radial-gradient(ellipse,#15434555,transparent 65%);display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:240px;min-width:0}.product-graphic>.mono,.pc-graphic>.mono{font-size:.49rem;color:var(--muted);margin-top:24px;letter-spacing:.12em;text-align:center}.module-orbit{position:relative;width:240px;height:190px;border:1px solid #294644;border-radius:50%}.module-center{position:absolute;top:55px;left:83px;display:grid;place-items:center;width:70px;height:70px;border:1px solid #4a8a78;background:linear-gradient(135deg,#18473a,#112b2e);border-radius:16px;font-size:3.5rem;font-weight:700;color:var(--cyan);box-shadow:0 0 30px #59f4d015}.module-orbit>span:not(.module-center){position:absolute;background:#122027;border:1px solid #304b4d;border-radius:5px;padding:7px 12px;font-size:.62rem}.module-orbit>span:nth-child(2){top:-14px;left:25px}.module-orbit>span:nth-child(3){top:60px;right:-15px}.module-orbit>span:nth-child(4){bottom:0;right:20px}.module-orbit>span:nth-child(5){top:95px;left:-22px}.pc-graphic{position:relative;background:radial-gradient(ellipse,#38285645,transparent 65%)}.scan-circle{width:115px;height:115px;border:1px solid #736793;border-radius:28px;transform:rotate(10deg);display:grid;place-items:center;font-size:2.8rem;color:var(--violet);background:linear-gradient(135deg,#27223d,#131725);box-shadow:0 0 0 20px #ac8cf009,0 0 0 40px #ac8cf004}.scan-lines{position:absolute;top:70px;width:250px;display:flex;flex-direction:column;gap:23px}.scan-lines span{height:1px;background:linear-gradient(90deg,transparent,#9674d68c,transparent)}
.demo-section{padding-block:100px;background:linear-gradient(135deg,#0d2224,#0d1520 60%);border-block:1px solid #294546}.demo-workbench{display:grid;grid-template-columns:1fr 400px;gap:100px;align-items:center}.demo-explanation>p:not(.eyebrow){max-width:460px;color:#acbec7;font-size:.95rem}.demo-steps{padding:0;list-style:none;margin:35px 0}.demo-steps li{display:flex;align-items:center;gap:22px;padding:15px 0;color:#8394a0}.demo-steps li.active{color:var(--cyan)}.demo-steps b{width:36px;height:36px;border:1px solid #344f52;border-radius:50%;display:grid;place-items:center;font-size:.67rem;font-weight:500}.demo-steps li.active b{border-color:var(--cyan);background:#69f3d51a}.demo-steps small{display:block;color:#a1b1bc;font-size:.8rem}.demo-disclaimer{border-left:2px solid #518377;padding-left:16px;font-size:.76rem!important;line-height:1.65}.demo-disclaimer strong{font-weight:600;color:#d2e1e4}.demo-device{border:1px solid #526d79;background:#101e28;border-radius:22px;box-shadow:0 30px 80px #0005;padding:24px;min-width:0}.device-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b414e;padding-bottom:17px;margin-bottom:25px}.device-header>span:first-child{font-size:1.3rem;font-weight:650;letter-spacing:-.05em}.device-header b{color:var(--cyan)}.demo-device .mono{font-size:.55rem;color:#aebec5;margin-bottom:18px}.demo-product-art{height:145px;margin:-10px 0 6px;background:radial-gradient(ellipse,#4c59452b,transparent 65%);overflow:hidden}.demo-product-art .pipe-art{width:230px;margin:-14px auto 0}.demo-label{display:flex;gap:15px;align-items:center;padding:14px;border-radius:6px;background:#f4f4ed;color:#1c2c29}.demo-label img{width:100px;height:100px;flex-shrink:0}.demo-label strong{display:block;font-size:.83rem;line-height:1.3}.demo-label span{display:block;font-size:.7rem;margin-top:6px}.demo-label small{display:block;font-size:.5rem;letter-spacing:.04em;margin-top:10px}.demo-device [data-demo-screen]>p:not(.mono){font-size:.78rem;line-height:1.65;color:#adbdc5;margin-top:18px}.device-footnote{border-top:1px solid #2b414e;padding-top:18px;margin:20px 0 0;font-size:.62rem;color:#9eafb9;text-align:center}.device-footnote span{color:var(--cyan)}.demo-device h3{font-size:1.5rem;margin-bottom:8px}.small-art{height:105px}.small-art .pipe-art{width:180px;margin-top:-18px}.demo-device label{display:block;font-size:.75rem;margin:24px 0 10px}.quantity{display:grid;grid-template-columns:48px 1fr 48px;gap:8px}.quantity input{width:100%;min-width:0;text-align:center;border-radius:7px;border:1px solid #4a6170;background:#0b1820;color:var(--text);padding:10px}.quantity button{border-radius:7px;border:1px solid #4a6170;background:#233642;color:var(--cyan);font-size:1.5rem}.quantity button:hover{background:#354e59}.inline-error{font-size:.75rem;color:#ffb8b8;min-height:20px;margin:7px 0}.order-line{display:flex;align-items:center;gap:12px;background:#1a3038;border:1px solid #37595b;border-radius:8px;padding:18px 12px;margin-top:30px}.order-line strong{font-size:.75rem;display:block}.order-line span:not(.material-icon){display:block;font-size:.72rem;color:#a4bcbf}.material-icon{font-size:1.8rem;color:var(--cyan)}.order-status{display:flex;justify-content:space-between;font-size:.75rem;padding:24px 0;gap:10px}.order-status strong{color:var(--cyan)}.shop-note{padding:12px;border-left:2px solid var(--cyan)}
.entry-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:45px}.entry-flow article{border-top:1px solid var(--line);padding-top:20px}.entry-flow b{font-size:.7rem;letter-spacing:.1em;font-weight:500;color:var(--cyan);display:block;margin-bottom:32px}.entry-flow h3{font-size:1.35rem}.entry-flow p{font-size:.9rem;color:var(--muted)}.about-teaser{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center;padding-block:60px 90px}.jan-monogram{min-height:350px;border:1px solid #31404d;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:radial-gradient(ellipse,#23444b80,transparent 75%),repeating-linear-gradient(90deg,transparent 0 38px,#3a596718 39px 40px);overflow:hidden}.jan-monogram::after{content:"";position:absolute;inset:20px;border:1px solid #46657148}.jan-monogram>span{font-size:8rem;line-height:1;font-weight:700;letter-spacing:-.15em;padding-right:15px;color:var(--cyan);transform:skewY(-7deg)}.jan-monogram>small{font-size:.55rem;letter-spacing:.17em;color:#a4bdc3;margin-top:40px}.about-teaser p:not(.eyebrow){color:var(--muted);font-size:.95rem;max-width:460px}.about-teaser h2{font-size:2.7rem}.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding-top:65px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:.92rem;font-weight:550;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;padding-block:5px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--cyan);font-size:1.1rem}.faq details[open] summary::after{content:"−"}.faq details p{font-size:.88rem;color:var(--muted);margin:16px 25px 5px 0}.closing{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:70px 85px}.closing p:not(.eyebrow){color:var(--muted);font-size:.9rem;max-width:500px;margin-bottom:0}.closing h2{font-size:3rem}.closing>.button{flex-shrink:0}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:45px}.footer-top>p{font-size:1.08rem;margin:0;line-height:1.4;letter-spacing:-.02em}.location{font-size:.75rem;color:var(--muted)}.location>span{color:var(--cyan);margin-left:12px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding-block:24px;border-top:1px solid var(--line);font-size:.65rem;color:#95a4b0}.footer-bottom nav{display:flex;gap:24px}.footer-bottom a:hover{color:var(--cyan)}footer{background:#0c141e;border-top:1px solid var(--line)}
.breadcrumb{display:flex;gap:12px;color:#9cacb9;font-size:.72rem;margin-bottom:50px}.breadcrumb a:hover{color:var(--cyan)}.breadcrumb>span{color:#566570}.page-hero{padding-top:35px;padding-bottom:65px}.page-hero h1{font-size:clamp(3rem,6vw,5.5rem);max-width:1000px}.page-hero .lead{max-width:690px;color:#b6c3ce;font-size:1.12rem;line-height:1.7}.product-page-top{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-bottom:26px}.product-page-top .eyebrow{margin:0}.page-hero .heading-pair{align-items:center}.page-hero .heading-pair>p{max-width:650px}.boundary{font-size:.77rem!important;color:#a0b6c2;padding:15px 20px;border-left:2px solid #497d75;background:#14212a;margin-top:30px!important;line-height:1.7}.product-overview{padding-bottom:80px}.concept-link{display:flex;gap:28px;align-items:center;padding:38px 0}.concept-link h2{font-size:1.65rem;margin-bottom:10px}.concept-link p{color:var(--muted);font-size:.85rem;margin-bottom:0}.concept-link>.button{margin-left:auto}.section-intro{color:var(--muted);max-width:630px;font-size:.95rem}.module-list{border-top:1px solid var(--line)}.module-list article{display:grid;grid-template-columns:35px 1fr 1.4fr;gap:32px;border-bottom:1px solid var(--line);padding-block:30px}.module-list h3{margin-top:5px}.module-list p{font-size:.92rem;margin-bottom:10px}.module-list p.small{font-size:.8rem;margin:0}.workflow-section{padding-bottom:100px}.honesty-panel{padding:35px;background:#14212a;border:1px solid #314753;display:flex;gap:30px;align-items:flex-start}.honesty-panel h2{font-size:2rem}.honesty-panel p{color:#adbec8;font-size:.9rem;max-width:880px}.honesty-panel p:last-child{margin-bottom:0}.honesty-panel>.line-icon{flex-shrink:0}.pc-story{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:50px 0 65px}.pc-story article{border-top:1px solid #544567;padding-top:24px}.pc-story b{display:block;color:var(--violet);font-size:.65rem;letter-spacing:.12em;margin-bottom:26px}.pc-story h3{font-size:1.65rem}.pc-story p{color:var(--muted);font-size:.93rem}.about-page{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;align-items:start;padding-block:30px 80px}.about-page h2{font-size:2.25rem}.about-page p{color:#b0bdc8}.about-page .jan-monogram{min-height:430px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.values span{color:var(--cyan);font-size:.7rem;display:block;margin-bottom:25px}.values article{border-top:1px solid var(--line);padding-top:20px}.values p{color:var(--muted);font-size:.9rem}.demo-page{padding-block:35px 90px}.demo-page .demo-workbench{min-height:650px}.legal-copy{max-width:860px;padding-block:20px 100px}.legal-copy h2{font-size:1.5rem;margin-top:38px}.legal-copy p{color:#b7c3cd;line-height:1.8}.legal-copy a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.legal-copy dl{display:grid;grid-template-columns:160px 1fr;gap:10px 25px;font-size:.94rem}.legal-copy dt{color:var(--muted)}.legal-copy dd{margin:0}.legal-notice{padding:20px 24px;border:1px solid #785e3d;background:#281e14;margin-block:30px;color:#e7d2ac}.legal-notice p{margin:10px 0 0;font-size:.9rem}.contact-heading{padding-bottom:45px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding-bottom:100px}.contact-layout aside>p{font-size:.95rem;color:var(--muted);max-width:380px}.contact-layout h2{font-size:1.7rem}.contact-person{display:flex;gap:15px;align-items:center;margin:35px 0}.avatar{display:grid;place-items:center;width:48px;height:48px;background:#1c3a35;border:1px solid #3d6e60;border-radius:50%;font-size:.8rem;color:var(--cyan);font-weight:600}.contact-person strong{display:block;font-size:.9rem}.contact-person div>span{display:block;font-size:.75rem;color:var(--muted)}.contact-process{border-top:1px solid var(--line);padding-top:25px;max-width:390px}.contact-process h3{font-size:1.1rem}.contact-process p{color:var(--muted);font-size:.88rem}.contact-form-wrap{padding:32px;border:1px solid #334553;border-radius:12px;background:#111c26}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:15px;min-width:0}.field label{display:block;font-size:.8rem;font-weight:550;margin-bottom:8px}.field label span{font-size:.7rem;font-weight:400;color:var(--muted);margin-left:6px}input,select,textarea{border:1px solid #425262;background:#0c151e;color:var(--text);border-radius:6px;padding:12px 14px;line-height:1.4;max-width:100%}input:not([type=checkbox]),select,textarea{width:100%;min-width:0}textarea{resize:vertical;min-height:130px}input::placeholder,textarea::placeholder{color:#8d9cab}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:#ff9c9c}.field-error{display:block;color:#ffb1b1;font-size:.72rem;min-height:5px;margin-top:5px}.form-privacy{font-size:.72rem;color:#a2b2bf;line-height:1.6;margin-bottom:22px}.form-privacy a{color:var(--cyan);text-decoration:underline}.form-note{text-align:center;margin:15px 0 0;font-size:.7rem}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.feedback{padding:18px;border-radius:6px;margin-bottom:24px;font-size:.9rem}.feedback.success{color:#c6ffed;border:1px solid #4c9179;background:#17392e}.feedback.error{color:#ffcece;border:1px solid #995657;background:#351e25}.admin-login{max-width:550px;padding-block:90px 120px}.admin-login h1{font-size:2.4rem}.admin-login>p{color:var(--muted)}.admin-login form{margin-top:30px}.admin-page{padding-block:60px 100px}.admin-title{display:flex;justify-content:space-between;gap:25px;align-items:center}.admin-title h1{font-size:3rem}.admin-title p{color:var(--muted)}.inquiry{border:1px solid #364855;background:#101c26;border-radius:8px;padding:24px;margin:24px 0}.inquiry-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.inquiry-top h2{font-size:1.5rem;margin:0}.inquiry-top time{margin-left:auto;color:var(--muted);font-size:.7rem}.inquiry>p{font-size:.88rem;overflow-wrap:anywhere}.inquiry>p a{color:var(--cyan)}.inquiry-message{white-space:pre-wrap;line-height:1.7;padding:18px;background:#0c141e;border-radius:5px}.inquiry>form{display:flex;gap:15px;align-items:center}.inquiry select{width:auto}.delete-details{margin-top:20px;font-size:.8rem;color:#ffb5b5}.delete-details summary{cursor:pointer;padding:8px 0}.delete-details form{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:15px 0}.delete-details input{accent-color:var(--cyan)}.danger{background:#6b2632;border-color:#a85460;color:#fff}.empty-state{padding:60px;text-align:center}.empty-state>span{font-size:3rem;color:var(--cyan)}.empty-state h2{font-size:2rem}.empty-state p{color:var(--muted)}.error-page{padding-block:85px 130px}.error-page h1{font-size:3rem}.error-page p{color:var(--muted);max-width:620px}.error-code{font-size:5rem;color:var(--cyan);line-height:1.3;display:block;font-weight:600}
@keyframes arrive{from{opacity:0;transform:translateY(15px) rotate(8deg)}to{opacity:1;transform:translateY(0) rotate(6deg)}}
@media(min-width:1500px){.hero{min-height:800px}.hero-visual{height:560px}.preview-phone{right:30px;top:65px;width:265px}.specimen{left:25px;top:90px;width:280px}.specimen>.pipe-art{width:260px}.phone-material{height:120px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:20px;min-height:670px;padding-top:60px}.hero h1{font-size:4.7rem}.hero h1 em{font-size:.8em}.hero-visual{height:490px}.specimen{width:225px;top:65px}.specimen>.pipe-art{width:215px}.label-sticker{margin-inline:10px;padding:10px;gap:8px}.label-sticker img{width:54px;height:54px}.preview-phone{width:220px;right:0;top:85px;padding-inline:15px}.orbit{width:350px;height:350px}.orbit-two{width:300px;height:300px}.hero-actions{gap:10px}.hero-actions .button{padding-inline:17px;gap:14px;font-size:.8rem}.demo-workbench{gap:60px;grid-template-columns:1fr 360px}.about-teaser,.faq-section{gap:60px}.contact-layout{gap:50px}.situations{gap:30px}.product-row{gap:22px;grid-template-columns:25px minmax(0,1.4fr) minmax(0,.9fr)}.module-orbit{width:200px}.module-center{left:65px}.product-copy h3{font-size:2.8rem}.brand{font-size:1.1rem}.site-header nav{gap:25px}.closing h2{font-size:2.7rem}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:30px;padding-top:50px}.hero-copy{max-width:650px}.hero h1{font-size:5rem}.hero h1 br:first-child{display:none}.hero h1 em{font-size:.9em}.hero-intro{max-width:540px}.hero-visual{max-width:510px;width:100%;margin:auto;height:520px}.specimen{width:270px;top:65px;left:15px}.specimen>.pipe-art{width:250px}.preview-phone{width:250px;right:20px;top:80px}.orbit{width:420px;height:420px}.orbit-two{width:340px;height:340px}.visual-caption{bottom:10px}.heading-pair{align-items:flex-start;flex-direction:column;gap:22px}.heading-pair>p{max-width:570px}.demo-workbench{grid-template-columns:1fr 340px;gap:30px}.demo-explanation h2{font-size:2.4rem}.demo-label{gap:10px;padding:12px}.demo-label img{width:85px;height:85px}.demo-device{padding:20px}.demo-label strong{font-size:.74rem}.product-row{grid-template-columns:25px 1fr}.product-graphic,.pc-graphic{display:none}.product-top{justify-content:space-between}.about-teaser,.about-page{gap:35px}.about-teaser h2{font-size:2.3rem}.jan-monogram{min-height:330px}.jan-monogram>span{font-size:7rem}.faq-section{grid-template-columns:1fr;gap:30px}.closing{align-items:flex-start;flex-direction:column}.contact-layout{grid-template-columns:1fr 1.3fr;gap:25px}.contact-form-wrap{padding:24px}.form-grid{grid-template-columns:1fr;gap:0}.concept-link{flex-wrap:wrap}.concept-link>.button{margin-left:0}.module-list article{grid-template-columns:30px 1fr}.module-list article>div{grid-column:2}.entry-flow,.pc-story{gap:25px}.site-header nav{gap:20px;font-size:.73rem}.brand{font-size:1rem}.brand img{width:30px;height:30px}.brand small{font-size:.4rem}.nav-contact{padding-inline:12px}.footer-bottom>span:last-child{display:none}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.header-inner{min-height:78px;gap:10px}.brand{font-size:1.06rem}.brand img{width:33px;height:33px}.brand small{font-size:.4rem}.menu-toggle{display:flex;gap:14px;align-items:center;font-size:.75rem;min-height:44px}.site-header nav{position:absolute;top:77px;left:0;right:0;background:#0d1823;border-bottom:1px solid #354654;display:none;padding:18px 20px 25px;gap:4px;flex-direction:column;align-items:stretch;font-size:.9rem}.site-header nav.open{display:flex}.site-header nav>a{padding:8px 12px;min-height:48px}.nav-contact{justify-content:space-between;margin-top:10px}.hero{padding-top:37px;padding-bottom:40px;gap:32px;min-height:0}.hero .eyebrow{font-size:.48rem;letter-spacing:.1em;margin-bottom:23px;gap:8px}.hero h1{font-size:clamp(3rem,10.8vw,4.4rem);letter-spacing:-.055em;margin-bottom:22px}.hero h1 br:first-child{display:block}.hero h1 em{font-size:.88em;white-space:normal}.hero-intro{font-size:.92rem;line-height:1.7;margin-bottom:25px}.hero-actions{gap:10px}.hero-actions .button{font-size:.74rem;gap:14px;padding:12px 15px;min-height:48px}.hero-footnote{font-size:.68rem;margin-top:22px}.hero-visual{height:430px;max-width:400px;margin-top:5px}.visual-top{padding-inline:0}.visual-top>.mono{font-size:.46rem;letter-spacing:.1em}.visual-top .demo-tag{font-size:.44rem}.specimen{width:200px;left:0;top:60px;height:280px}.specimen-index{padding:17px;font-size:.43rem}.specimen>.pipe-art{width:195px;margin-top:0}.label-sticker{margin:0 10px;padding:10px;gap:8px;flex-direction:column;align-items:flex-start}.label-sticker img{width:50px;height:50px}.label-sticker>div{padding:0}.label-sticker strong{font-size:.56rem}.label-sticker span{font-size:.5rem}.label-sticker small{display:none}.preview-phone{width:205px;right:5px;top:60px;padding:20px 14px 15px;border-width:4px;border-radius:23px}.phone-material{height:90px}.phone-material .pipe-art{width:160px;margin-top:-16px}.preview-phone h3{font-size:1.2rem}.phone-bar{font-size:.78rem}.preview-quantity{margin-block:17px}.preview-phone .button{font-size:.59rem;min-height:40px}.orbit{width:300px;height:300px;top:65px;left:0}.orbit-two{width:250px;height:250px;left:20px}.visual-caption{bottom:8px;font-size:.65rem}.principle-strip .container{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-block:20px;font-size:.63rem}.principle-strip span:nth-child(3){grid-column:1}.strip-symbol{grid-row:1/3;grid-column:2;justify-self:end;font-size:2rem}.principle-strip span:nth-child(2){grid-column:1}.section{padding-block:64px}.section-heading{margin-bottom:30px}.eyebrow{font-size:.55rem;letter-spacing:.12em;margin-bottom:22px}h2{font-size:2.1rem;line-height:1.13;letter-spacing:-.045em}.heading-pair{gap:20px}.heading-pair>p{font-size:.85rem}.situations{grid-template-columns:1fr;gap:30px;padding-top:25px}.situations article{border-bottom:1px solid var(--line);padding-bottom:25px}.situations article:last-child{border:0;padding-bottom:0}.situations h3{font-size:1.4rem}.situations p{min-height:0;font-size:.85rem;margin-bottom:12px}.line-icon{font-size:2rem;margin-bottom:18px}.product-row{gap:15px;padding-block:30px;grid-template-columns:18px 1fr}.product-top{justify-content:flex-start;gap:12px;margin-bottom:20px}.product-top>.mono{font-size:.46rem;letter-spacing:.08em}.status{font-size:.57rem;padding:5px 8px}.product-copy h3{font-size:2.6rem;gap:20px;margin-bottom:19px}.product-copy p{font-size:.85rem}.product-copy p.small{font-size:.75rem}.text-link{font-size:.78rem}.demo-section{padding-block:60px}.demo-workbench{grid-template-columns:1fr;gap:30px}.demo-explanation h2{font-size:2.5rem}.demo-explanation>p:not(.eyebrow){font-size:.86rem}.demo-steps{margin-block:20px}.demo-steps li{padding-block:11px;font-size:.9rem}.demo-steps small{font-size:.72rem}.demo-disclaimer{font-size:.7rem!important}.demo-device{width:100%;max-width:400px;margin:auto;padding:22px;border-radius:18px}.demo-label{gap:15px;padding:14px}.demo-label img{width:95px;height:95px}.demo-label strong{font-size:.8rem}.entry-flow{grid-template-columns:1fr;gap:20px;margin-top:30px}.entry-flow article{display:grid;grid-template-columns:32px 1fr;gap:0 16px;padding-top:18px}.entry-flow b{grid-row:1/3;margin-bottom:0;padding-top:3px}.entry-flow h3{font-size:1.2rem;margin-bottom:10px}.entry-flow p{grid-column:2;font-size:.83rem;margin-bottom:0}.about-teaser,.about-page{grid-template-columns:1fr;gap:35px;padding-block:40px 60px}.about-teaser .jan-monogram{min-height:260px}.jan-monogram>span{font-size:6rem}.jan-monogram>small{margin-top:28px}.about-teaser h2{font-size:2.2rem}.about-teaser p:not(.eyebrow){font-size:.86rem}.faq-section{gap:24px;padding-top:35px}.faq summary{font-size:.85rem}.faq details p{font-size:.8rem}.closing{padding-block:45px 60px;gap:25px}.closing h2{font-size:2.15rem}.closing p:not(.eyebrow){font-size:.85rem}.footer-top{flex-wrap:wrap;gap:25px;padding-block:35px}.footer-top>.brand{flex-basis:100%}.footer-top>p{font-size:1rem}.footer-top>.location{font-size:.68rem}.footer-bottom{font-size:.59rem;gap:18px;padding-block:22px}.footer-bottom nav{gap:20px}.page-hero{padding-top:25px;padding-bottom:35px}.breadcrumb{margin-bottom:35px;font-size:.64rem;gap:9px}.page-hero h1{font-size:clamp(2.6rem,10.3vw,4rem);margin-bottom:25px}.page-hero .lead{font-size:.96rem}.product-page-top{gap:15px;margin-bottom:24px}.page-hero .heading-pair{gap:25px}.page-hero .heading-pair>.lead{font-size:.95rem}.boundary{font-size:.7rem!important;padding:13px 16px}.product-overview{padding-bottom:40px}.concept-link{gap:20px;padding-block:30px}.concept-link h2{font-size:1.6rem}.concept-link p{font-size:.8rem}.section-intro{font-size:.86rem}.module-list article{gap:0 15px;padding-block:24px;grid-template-columns:20px 1fr}.module-list h3{font-size:1.3rem;margin-bottom:15px}.module-list p{font-size:.85rem}.module-list p.small{font-size:.76rem}.workflow-section{padding-bottom:60px}.honesty-panel{padding:25px 20px;gap:15px;flex-direction:column}.honesty-panel h2{font-size:1.8rem}.honesty-panel p{font-size:.85rem}.honesty-panel>.line-icon{margin-bottom:0}.pc-story{grid-template-columns:1fr;gap:25px;margin:30px 0 40px}.pc-story b{margin-bottom:18px}.pc-story h3{font-size:1.5rem}.pc-story p{font-size:.85rem}.about-page .jan-monogram{min-height:300px}.about-page h2{font-size:1.9rem}.about-page p{font-size:.9rem}.values{grid-template-columns:1fr;gap:25px}.values span{margin-bottom:20px}.values h3{font-size:1.4rem}.values p{font-size:.85rem}.demo-page{padding-block:25px 60px}.legal-copy{padding-block:0 60px}.legal-copy p{font-size:.86rem}.legal-copy h2{font-size:1.4rem}.legal-copy dl{grid-template-columns:100px 1fr;gap:12px;font-size:.82rem}.contact-heading{padding-bottom:25px}.contact-layout{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.contact-layout aside>p{font-size:.88rem}.contact-person{margin-block:25px}.contact-process{max-width:100%}.contact-form-wrap{padding:22px 18px}.form-grid{grid-template-columns:1fr}input,select,textarea{font-size:16px}.admin-login{padding-block:60px 90px}.admin-login h1{font-size:2rem}.admin-title{flex-direction:column;align-items:flex-start}.admin-title h1{font-size:2.2rem}.admin-page{padding-block:40px 60px}.inquiry{padding:20px 16px}.inquiry-top time{margin:0;flex-basis:100%}.inquiry>form{flex-direction:column;align-items:stretch}.inquiry select{width:100%}.empty-state{padding:40px 0}.error-page{padding-block:50px 90px}.error-page h1{font-size:2.2rem}.error-code{font-size:4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button.primary:hover{transform:none}}
.hero-visual{height:580px}.admin-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:25px}.admin-pagination>span{font-size:.8rem;color:var(--muted)}
@media(max-width:1100px){.hero-visual{height:550px}}
@media(max-width:640px){.hero-visual{height:445px}.preview-phone{right:15px}.site-header nav{display:flex}.js .site-header nav{display:none}.js .site-header nav.open{display:flex}html:not(.js) .header-inner{flex-wrap:wrap;padding-block:18px}html:not(.js) .menu-toggle{display:none}html:not(.js) .site-header nav{position:static;width:100%;border:0;padding:0;flex-direction:row;flex-wrap:wrap;gap:5px}html:not(.js) .site-header nav>a{padding:6px 10px;font-size:.8rem}html:not(.js) .nav-contact{margin:0}.demo-page .demo-explanation h1{font-size:2.5rem}}
@media(min-width:641px){.demo-page .demo-explanation h1{font-size:3.3rem}}