/* Approved Ggrafika design. Home components are scoped; legacy routes retain their markup. */
/* Shared theme tokens are declared by the approved design below. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--bg:#fff;--bg-soft:#f7f9fc;--bg-card:#fff;--text:#132438;--muted:#627286;--line:#e3e9f0;--blue:#087ab0;--blue-strong:#056c9e;--blue-soft:#e8f5fc;--mint:#098878;--shadow:0 24px 70px -24px #163b6a30;--header:#ffffffed;--sidebar:#f7f9fc;--preview:#ecf1f5;--focus:#1686d6;--font:'Manrope',Arial,sans-serif;color-scheme:light}
:root[data-theme=dark]{--bg:#101820;--bg-soft:#151f2a;--bg-card:#1b2835;--text:#edf5fc;--muted:#a5b6c6;--line:#2c3b4a;--blue:#67c8f0;--blue-strong:#8ad9f7;--blue-soft:#163447;--mint:#80d9c9;--shadow:0 24px 80px -24px #0009;--header:#101820ed;--sidebar:#17222d;--preview:#24323e;--focus:#77d4fa;color-scheme:dark}
.modern-home *{box-sizing:border-box}
.modern-home button,.modern-home a{-webkit-tap-highlight-color:transparent}
.modern-home a{color:inherit;text-decoration:none}
.modern-home button{font:inherit;color:inherit}
.modern-home button,.modern-home a,.modern-home input{touch-action:manipulation}
.modern-home button{cursor:pointer}
.modern-home img,.modern-home svg{vertical-align:middle}
.modern-home img{max-width:100%}
.modern-home button:focus-visible,.modern-home a:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.modern-home button{border:0}
.modern-home h1,.modern-home h2,.modern-home h3,.modern-home p{margin:0}
.modern-home h1,.modern-home h2,.modern-home h3{line-height:1.18}
.modern-home p{color:var(--muted)}
.modern-home [hidden]{display:none!important}
.modern-home .icon-library{position:absolute;width:0;height:0;overflow:hidden}
.modern-home .icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.modern-home .container{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.modern-home .skip{position:fixed;left:16px;top:-80px;padding:10px 20px;background:var(--bg-card);border:2px solid var(--blue);z-index:100}
.modern-home .skip:focus{top:12px}
.modern-home .header{height:88px;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.modern-home .header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}
.modern-home .brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1.1;flex-shrink:0}
.modern-home .brand img{border-radius:9px}
.modern-home .brand-caption{display:block;font-size:9px;letter-spacing:1.1px;text-transform:uppercase;font-weight:600;color:var(--muted);margin-top:6px}
.modern-home .nav{display:flex;gap:30px;font-size:12px;font-weight:600}
.modern-home .nav a{padding:10px 0;white-space:nowrap;transition:color .15s}
.modern-home .nav a:hover,.modern-home .footer-links a:hover{color:var(--blue)}
.modern-home .header-actions{display:flex;gap:15px;align-items:center}
.modern-home .theme-button,.modern-home .menu-button{background:transparent;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;flex-shrink:0}
.modern-home .theme-button:hover{background:var(--blue-soft)}
.modern-home .theme-sun{display:none}
[data-theme=dark] .modern-home .theme-sun{display:block}
[data-theme=dark] .modern-home .theme-moon{display:none}
.modern-home .menu-button,.modern-home .mobile-access{display:none}
.modern-home .button{display:inline-flex;align-items:center;justify-content:center;gap:19px;background:var(--blue);color:#fff;border:1px solid transparent;border-radius:8px;padding:15px 24px;min-height:54px;font-size:14px;font-weight:700;line-height:1.5;transition:background .18s,transform .18s,box-shadow .18s;text-align:center}
.modern-home .button:hover{background:var(--blue-strong);transform:translateY(-2px);box-shadow:0 7px 20px #087ab023}
.modern-home .button .icon{width:19px;height:19px}
.modern-home .button-small{padding:11px 17px;min-height:43px;font-size:12px;gap:13px}
.modern-home .button-secondary{background:var(--bg-card);color:var(--text);border-color:var(--line)}
.modern-home .button-secondary:hover{background:var(--bg-soft);box-shadow:none}
.modern-home .button-white{background:#fff;color:#134563}
.modern-home .button-white:hover{background:#e7f7ff}
.modern-home .hero{position:relative;overflow:hidden;padding:66px 0 0;background:linear-gradient(180deg,var(--bg-soft),var(--bg) 85%)}
.modern-home .hero-glow{pointer-events:none;position:absolute;top:-240px;left:50%;width:1600px;height:1050px;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 43%,#a4dffc2c,transparent 59%)}
[data-theme=dark] .modern-home .hero-glow{background:radial-gradient(ellipse at 50% 43%,#1475a523,transparent 59%)}
.modern-home .hero-content{position:relative;text-align:center}
.modern-home .eyebrow-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 13px 6px 11px;border:1px solid var(--line);border-radius:100px;background:var(--bg-card);font-size:11px;font-weight:600;box-shadow:0 2px 5px #172c3c03}
.modern-home .eyebrow-pill .icon{width:14px;height:14px;margin-left:5px;color:var(--muted)}
.modern-home .live-dot{height:6px;width:6px;border-radius:50%;background:#20ad8e;display:inline-block;flex-shrink:0;box-shadow:0 0 0 4px #20ad8e10}
.modern-home .hero h1{font-size:clamp(46px,5.6vw,74px);font-weight:800;line-height:1.12;letter-spacing:-3.5px;margin:26px 0 23px}
.modern-home .hero h1>span{color:var(--blue)}
.modern-home .hero-description{font-size:16px;line-height:1.85;max-width:770px;margin:auto}
.modern-home .hero-actions{display:flex;gap:13px;justify-content:center;margin-top:29px}
.modern-home .compatibility{display:flex;justify-content:center;gap:25px;margin-top:23px;font-size:10px;color:var(--muted)}
.modern-home .compatibility>span{display:flex;gap:6px;align-items:center}
.modern-home .compatibility .icon{height:13px;width:13px;color:var(--mint)}
.modern-home .product-container{position:relative;margin-top:53px;scroll-margin-top:105px}
.modern-home .product-window{border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:var(--shadow);background:var(--bg-card)}
.modern-home .window-top{height:45px;display:flex;align-items:center;gap:17px;padding:0 18px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}
.modern-home .window-dots{display:flex;gap:6px}
.modern-home .window-dots i{width:7px;height:7px;border-radius:50%;background:var(--line)}
.modern-home .window-dots i:first-child{background:#efb3aa}
.modern-home .window-dots i:nth-child(2){background:#edcf8b}
.modern-home .window-dots i:last-child{background:#99cdb9}
.modern-home .window-divider{margin:0 12px;color:var(--line)}
.modern-home .window-label{margin-left:auto;font-size:8px;letter-spacing:1.2px}
.modern-home .product-workspace{display:grid;grid-template-columns:205px minmax(0,1fr)}
.modern-home .project-sidebar{background:var(--sidebar);padding:24px 14px;position:relative;border-right:1px solid var(--line)}
.modern-home .sidebar-heading{font-size:8px;color:var(--muted);font-weight:700;letter-spacing:1.3px;padding-left:9px}
.modern-home .sidebar-project{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;margin:14px 5px 23px}
.modern-home .sidebar-project small{display:block;font-size:8px;font-weight:500;color:var(--muted);margin-top:3px}
.modern-home .project-icon{font-size:12px;letter-spacing:-1px;border:1px solid var(--line);background:var(--bg-card);width:31px;height:32px;display:grid;place-items:center;border-radius:7px;color:var(--blue)}
.modern-home .sidebar-item{display:flex;align-items:center;gap:9px;font-size:10px;padding:9px;border-radius:5px;color:var(--muted)}
.modern-home .sidebar-item .icon{width:14px;height:14px}
.modern-home .sidebar-item>span{margin-left:auto;font-size:9px}
.modern-home .sidebar-item.active{background:var(--blue-soft);color:var(--blue);font-weight:700}
.modern-home .sidebar-note{position:absolute;bottom:25px;left:25px;font-size:9px;color:var(--muted);line-height:1.8;padding-left:17px}
.modern-home .sidebar-note .live-dot{position:absolute;left:0;top:5px;width:5px;height:5px}
.modern-home .drawing-workspace{min-width:0;background:var(--preview)}
.modern-home .drawing-toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--bg-card);padding:0 12px}
.modern-home .drawing-tabs{display:flex;gap:5px;align-self:stretch}
.modern-home .drawing-tabs button{border-bottom:2px solid transparent;padding:0 16px;background:transparent;color:var(--muted);font-size:10px;font-weight:600}
.modern-home .drawing-tabs button[aria-selected=true]{border-bottom-color:var(--blue);color:var(--blue);background:linear-gradient(0deg,var(--blue-soft),transparent)}
.modern-home .expand-button{height:32px;width:32px;display:grid;place-items:center;border-radius:5px;background:transparent;color:var(--muted)}
.modern-home .expand-button:hover{background:var(--blue-soft);color:var(--blue)}
.modern-home .expand-button .icon{width:15px;height:15px}
.modern-home .drawing-panel{padding:20px;min-height:0}
.modern-home .drawing-panel img{display:block;width:100%;height:auto;background:#fff;box-shadow:0 2px 6px #12223412}
.modern-home .drawing-status{height:30px;border-top:1px solid var(--line);font-size:8px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:var(--muted);background:var(--bg-card)}
.modern-home .drawing-status>span{display:flex;align-items:center;gap:6px}
.modern-home .drawing-status i{width:4px;height:4px;border-radius:50%;background:#23a48c}
.modern-home .drawing-status .icon{width:10px;height:10px}
.modern-home .example-caption{text-align:center;font-size:10px;margin-top:15px;line-height:1.7}
.modern-home .section-space{padding:99px 0}
.modern-home .section-title h2,.modern-home .feature-intro h2{font-size:clamp(32px,3.4vw,45px);font-weight:800;letter-spacing:-1.7px;margin:17px 0 21px;line-height:1.2}
.modern-home .section-title>p,.modern-home .section-title>div+p{font-size:14px;line-height:1.9}
.modern-home .eyebrow{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:1.7px;display:block}
.modern-home .centered{text-align:center}
.modern-home .workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin-top:48px}
.modern-home .step-number{display:flex;align-items:center;gap:19px;color:var(--blue);font-size:12px;font-weight:800;margin-bottom:23px}
.modern-home .step-number>span{height:1px;background:var(--line);flex:1}
.modern-home .workflow-step h3{font-size:20px;font-weight:800;letter-spacing:-.5px;margin-bottom:15px}
.modern-home .workflow-step p{font-size:13px;line-height:1.9;max-width:320px}
.modern-home .step-label{display:block;font-size:8px;font-weight:700;color:var(--muted);letter-spacing:1.5px;margin-top:24px}
.modern-home .features{background:var(--bg-soft);border-block:1px solid var(--line)}
.modern-home .feature-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:85px;align-items:center}
.modern-home .feature-intro h2{margin-top:18px;font-size:44px}
.modern-home .accent-text{color:var(--blue)}
.modern-home .feature-intro>p{font-size:14px;line-height:1.9;max-width:340px}
.modern-home .text-link{display:inline-flex;align-items:center;gap:11px;font-size:12px;font-weight:700;color:var(--blue);background:transparent;padding:0;min-height:40px}
.modern-home .text-link:hover{color:var(--blue-strong)}
.modern-home .feature-intro>.text-link{margin-top:20px}
.modern-home .text-link .icon{width:17px;height:17px}
.modern-home .feature-note{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:27px;padding-top:24px;font-size:9px;line-height:1.7;color:var(--muted)}
.modern-home .feature-note>.icon{width:25px;height:25px;color:var(--blue)}
.modern-home .feature-note strong{font-size:10px;color:var(--text);font-weight:600}
.modern-home .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.modern-home .feature-card{position:relative;padding:25px 24px 26px;background:var(--bg-card);border:1px solid var(--line);border-radius:11px;min-width:0}
.modern-home .feature-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);border-radius:9px;margin-bottom:21px}
.modern-home .feature-icon .icon{width:21px;height:21px}
.modern-home .feature-icon.mint{color:#148a78;background:#dff5ee}
.modern-home .feature-icon.amber{color:#ac7725;background:#fcf0d7}
.modern-home .feature-icon.violet{color:#7c66ac;background:#efebfb}
[data-theme=dark] .modern-home .feature-icon.mint{color:#87ddc9;background:#1e3b35}
[data-theme=dark] .modern-home .feature-icon.amber{color:#edc275;background:#3e3426}
[data-theme=dark] .modern-home .feature-icon.violet{color:#bca5f2;background:#342d47}
.modern-home .feature-card h3{font-size:15px;line-height:1.5;letter-spacing:-.3px;margin-bottom:10px;max-width:230px}
.modern-home .feature-card p{font-size:12px;line-height:1.9}
.modern-home .feature-index{position:absolute;top:25px;right:22px;color:var(--muted);opacity:.55;font-size:9px}
.modern-home .materials-heading{display:flex;justify-content:space-between;align-items:end}
.modern-home .materials-heading h2{margin-bottom:0}
.modern-home .materials-heading>p{padding-bottom:5px}
.modern-home .material-filters{display:flex;gap:6px;margin:32px 0 26px;flex-wrap:wrap}
.modern-home .filter-button{background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 13px;font-size:11px;color:var(--muted);font-weight:600;min-height:40px}
.modern-home .filter-button.active{background:var(--blue-soft);color:var(--blue);border-color:transparent}
.modern-home .filter-button:hover{background:var(--bg-soft)}
.modern-home .filter-button>span{font-size:8px;font-weight:600;border:1px solid var(--line);padding:1px 5px;border-radius:4px;margin-left:7px}
.modern-home .materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.modern-home .material-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:transform .2s,box-shadow .2s;background:var(--bg-card)}
.modern-home .material-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #142f4b0c}
.modern-home .material-open{display:block;text-align:left;width:100%;height:100%;background:transparent;padding:0}
.modern-home .material-art{height:196px;position:relative;overflow:hidden;color:#24445d}
.modern-home .art-start{background:#e9f1f5}
.modern-home .art-grid{position:absolute;inset:-50px;background-image:linear-gradient(#9eb7c133 1px,transparent 1px),linear-gradient(90deg,#9eb7c133 1px,transparent 1px);background-size:25px 25px;transform:rotate(-12deg) scale(1.2)}
.modern-home .art-start::after{content:'';position:absolute;left:0;right:0;top:90px;border-top:1px dashed #829caa;transform:rotate(-15deg)}
.modern-home .art-coordinate{position:absolute;top:19px;right:20px;font-family:monospace;font-size:9px;line-height:1.7;color:#8297a4}
.modern-home .map-point{position:absolute;display:flex;align-items:center;gap:6px;font-size:8px;font-weight:700;z-index:1}
.modern-home .map-point i{width:10px;height:10px;border:2px solid #26749a;background:#fff;border-radius:50%;box-shadow:0 0 0 5px #26749a0c}
.modern-home .point-a{top:104px;left:45px}
.modern-home .point-b{top:80px;left:151px}
.modern-home .point-c{top:55px;left:255px}
.modern-home .art-badge{position:absolute;left:18px;bottom:15px;font-size:7px;letter-spacing:1.1px;font-weight:700;padding:4px 8px;border:1px solid #ffffffaa;background:#ffffffc9;border-radius:4px;color:#46627b}
.modern-home .art-section{background:#ecf3f3}
.modern-home .art-section>svg{width:100%;height:100%;object-fit:cover;transform:translateY(10px)}
.modern-home .art-publish{background:#e9edf6}
.modern-home .mini-sheet{position:absolute;width:200px;height:135px;left:50%;top:26px;border:1px solid #c9d4e1;box-shadow:0 6px 10px #1d355b08;background:#fff}
.modern-home .sheet-back{transform:translateX(-42%) rotate(8deg);top:26px}
.modern-home .sheet-front{transform:translateX(-53%) rotate(-5deg);padding:12px}
.modern-home .sheet-front>span{display:block;color:#6c7c8b;font-size:5px;letter-spacing:.7px}
.modern-home .sheet-landscape{margin-top:12px;height:43px;background:linear-gradient(170deg,#f6efd5 40%,#dbe4cc 40% 64%,#d1e2ec 64%);clip-path:polygon(0 22%,20% 5%,47% 24%,75% 0,100% 14%,100% 100%,0 100%)}
.modern-home .sheet-lines{height:14px;background:repeating-linear-gradient(#dce3e9 0 1px,transparent 1px 5px);margin:8px 0;width:62%}
.modern-home .sheet-stamp{position:absolute;bottom:7px;right:7px;font-size:5px;width:75px;border:1px solid #c7d3dd;color:#5d6a7a;display:flex;justify-content:space-between;padding:4px}
.modern-home .material-body{padding:24px}
.modern-home .material-meta{font-size:8px;font-weight:800;letter-spacing:.8px;color:var(--blue);display:flex;align-items:center;gap:10px}
.modern-home .material-meta>span{color:var(--muted);font-weight:500;letter-spacing:0;border-left:1px solid var(--line);padding-left:10px}
.modern-home .material-body h3{font-size:19px;line-height:1.4;font-weight:800;letter-spacing:-.5px;margin:14px 0 11px;min-height:54px}
.modern-home .material-body p{font-size:12px;line-height:1.85;min-height:45px}
.modern-home .material-read{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;margin-top:22px;color:var(--text)}
.modern-home .material-read .icon{width:17px;height:17px;color:var(--blue)}
.modern-home .video-coming{display:flex;align-items:start;gap:23px;border:1px solid var(--line);border-radius:11px;padding:36px;background:var(--bg-soft);min-height:260px}
.modern-home .video-coming-icon{background:var(--blue-soft);border-radius:12px;width:60px;height:60px;display:grid;place-items:center;flex-shrink:0;color:var(--blue)}
.modern-home .video-coming .eyebrow{font-size:9px;margin-bottom:13px}
.modern-home .video-coming h3{font-size:25px;letter-spacing:-.6px;margin-bottom:13px}
.modern-home .video-coming p{max-width:600px;font-size:13px;margin-bottom:16px}
.modern-home .channels-row{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);margin-top:44px;padding-top:31px}
.modern-home .channels-row h3{font-size:14px;letter-spacing:-.3px;margin-bottom:7px}
.modern-home .channels-row p{font-size:11px}
.modern-home .channel-pills{display:flex;gap:11px;flex-shrink:0}
.modern-home .channel-pill{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;border:1px solid var(--line);padding:11px 13px;border-radius:7px}
.modern-home .channel-pill>svg{height:17px;width:17px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linejoin:round}
.modern-home .channel-pill small{font-size:8px;font-weight:500;color:var(--muted);padding-left:3px}
.modern-home .rutube-symbol{color:var(--blue);font-size:17px;line-height:1;font-weight:800}
.modern-home .access-section{padding:0 0 75px}
.modern-home .access-card{position:relative;overflow:hidden;background:#0c6086;border-radius:16px;padding:58px 62px;color:#fff}
.modern-home .access-content{position:relative;z-index:1}
.modern-home .access-card .eyebrow{color:#b3e5f5;font-size:9px}
.modern-home .access-card h2{font-size:42px;letter-spacing:-1.5px;line-height:1.2;margin:19px 0 20px}
.modern-home .access-card p{color:#d1e7f1;font-size:14px;line-height:1.9}
.modern-home .access-actions{display:flex;align-items:center;gap:28px;margin-top:28px}
.modern-home .access-docs{color:#e0f4fd;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:10px}
.modern-home .access-docs .icon{width:16px;height:16px}
.modern-home .access-docs:hover{color:#fff}
.modern-home .access-note{font-size:9px;color:#bcdae6;margin-top:23px}
.modern-home .access-contours{position:absolute;right:-230px;top:-200px;width:800px;height:850px;transform:rotate(-30deg);border-radius:45%;background:repeating-radial-gradient(ellipse at center,transparent 0 25px,#b1e0f019 26px 27px,transparent 28px 45px);mask-image:linear-gradient(90deg,transparent,#000 50%)}
.modern-home .footer{border-top:1px solid var(--line);padding:36px 0 24px}
.modern-home .footer-main{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:30px}
.modern-home .footer-main>p{font-size:11px}
.modern-home .footer-links{display:flex;gap:25px;font-size:11px}
.modern-home .footer-links a{display:flex;align-items:center;gap:7px}
.modern-home .footer-links .icon{width:13px;height:13px}
.modern-home .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:21px;color:var(--muted);font-size:9px}
.modern-home .article-dialog,.modern-home .drawing-dialog{background:var(--bg-card);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:45px;max-width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 48px);overscroll-behavior:contain;box-shadow:0 20px 100px #0003}
.modern-home .article-dialog::backdrop,.modern-home .drawing-dialog::backdrop{background:#0c1b2bcc;backdrop-filter:blur(5px)}
.modern-home .dialog-close{position:absolute;right:16px;top:16px;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);border-radius:50%;width:38px;height:38px;display:grid;place-items:center}
.modern-home .dialog-close .icon{width:18px;height:18px}
.modern-home .article-dialog>.eyebrow{margin:7px 35px 20px 0}
.modern-home .article-dialog h2{font-size:30px;line-height:1.25;letter-spacing:-1px;margin-bottom:23px}
.modern-home .article-dialog p,.modern-home .article-dialog li{font-size:14px;color:var(--muted);line-height:1.85}
.modern-home .article-dialog ol{padding-left:22px;margin:18px 0 23px}
.modern-home .article-dialog li{padding-left:5px;margin-bottom:13px}
.modern-home .article-dialog>.button{margin-top:24px;font-size:12px;min-height:48px}
.modern-home .article-note{padding:16px 18px;background:var(--blue-soft);border-left:2px solid var(--blue);border-radius:0 6px 6px 0;margin-top:19px}
.modern-home .drawing-dialog{max-width:min(1240px,calc(100% - 24px));width:1240px;padding:23px}
.modern-home .drawing-dialog-header{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding-right:46px}
.modern-home .drawing-dialog .dialog-close{top:20px;right:20px}
.modern-home .drawing-dialog>p{font-size:11px;margin:8px 0 18px}
.modern-home .drawing-scroll{overflow:auto;background:#e7eef2;border-radius:6px;max-height:calc(100dvh - 230px);overscroll-behavior:contain}
.modern-home .drawing-scroll img{display:block;max-width:none;width:max(100%,850px);height:auto}
.modern-home .drawing-dialog-caption{font-size:10px;color:var(--muted);padding-top:13px}
body.modal-open{overflow:hidden}
[data-theme=dark] .modern-home .button:not(.button-secondary):not(.button-white){color:#102536}
[data-theme=dark] .modern-home .access-card{background:#124766}
[data-theme=dark] .modern-home .button-white{color:#134563}
.modern-home .section-space,.modern-home .product-container{scroll-margin-top:80px}
@media(min-width:1500px){
.modern-home .hero{padding-top:85px}
.modern-home .hero h1{font-size:78px}
.modern-home .product-container{margin-top:60px}
}
@media(max-width:1100px){
.modern-home .nav{gap:19px;font-size:11px}
.modern-home .header-inner{gap:20px}
.modern-home .brand{font-size:22px}
.modern-home .header-actions{gap:10px}
.modern-home .container{width:calc(100% - 48px)}
.modern-home .feature-layout{gap:40px;grid-template-columns:.85fr 1.3fr}
.modern-home .feature-intro h2{font-size:39px}
.modern-home .material-body{padding:21px}
.modern-home .material-body h3{font-size:17px}
.modern-home .channels-row{align-items:start}
.modern-home .channel-pills{gap:8px}
.modern-home .channel-pill{padding:9px 10px;gap:6px}
.modern-home .project-sidebar{padding-inline:10px}
.modern-home .product-workspace{grid-template-columns:180px minmax(0,1fr)}
}
@media(max-width:880px){
.modern-home .header{height:76px}
.modern-home .header-cta{display:none}
.modern-home .nav{font-size:11px;gap:20px}
.modern-home .hero{padding-top:52px}
.modern-home .hero h1{font-size:58px;letter-spacing:-2.8px}
.modern-home .hero-description{font-size:15px}
.modern-home .product-workspace{grid-template-columns:145px minmax(0,1fr)}
.modern-home .sidebar-project{font-size:9px}
.modern-home .sidebar-project small{font-size:7px}
.modern-home .project-icon{display:none}
.modern-home .sidebar-item{font-size:9px;padding:9px 6px;gap:7px}
.modern-home .sidebar-item .icon{width:12px}
.modern-home .sidebar-note{font-size:8px;left:16px;bottom:20px}
.modern-home .drawing-panel{padding:14px}
.modern-home .section-space{padding:76px 0}
.modern-home .workflow-grid{gap:30px}
.modern-home .workflow-step h3{font-size:18px}
.modern-home .workflow-step p{font-size:12px}
.modern-home .feature-layout{grid-template-columns:1fr;gap:32px}
.modern-home .feature-intro h2 br{display:none}
.modern-home .feature-intro h2{font-size:38px}
.modern-home .feature-intro>p{max-width:650px}
.modern-home .feature-note{display:none}
.modern-home .feature-intro>.text-link{margin-top:15px}
.modern-home .feature-card{padding:26px}
.modern-home .feature-card p{font-size:13px;max-width:300px}
.modern-home .materials-heading>p{font-size:12px}
.modern-home .materials-grid{gap:15px}
.modern-home .material-art{height:160px}
.modern-home .material-body{padding:19px}
.modern-home .material-meta{font-size:7px;gap:6px}
.modern-home .material-meta>span{padding-left:6px}
.modern-home .material-body h3{font-size:16px;min-height:66px}
.modern-home .material-body p{font-size:11px;min-height:60px}
.modern-home .material-read{font-size:9px}
.modern-home .channels-row{flex-direction:column;gap:20px}
.modern-home .channels-row p{font-size:12px}
.modern-home .access-card{padding:45px}
.modern-home .access-card h2{font-size:38px}
.modern-home .footer-main{flex-wrap:wrap}
.modern-home .footer-main>p{order:3;flex-basis:100%}
.modern-home .footer-bottom{font-size:8px}
.modern-home .point-b{left:120px}
.modern-home .point-c{left:190px}
}
@media(max-width:640px){
.modern-home .container{width:calc(100% - 36px)}
.modern-home .header{height:72px}
.modern-home .brand{font-size:22px;gap:9px}
.modern-home .brand img{width:35px;height:35px}
.modern-home .brand-caption{font-size:8px;letter-spacing:.7px;margin-top:5px}
.modern-home .header-actions{gap:9px}
.modern-home .theme-button{width:39px;height:39px}
.modern-home .theme-button .icon{width:18px;height:18px}
.modern-home .menu-button{display:flex;flex-direction:column;justify-content:center;gap:5px;width:39px;height:39px}
.modern-home .menu-button span{display:block;width:15px;height:1.5px;background:var(--text);transition:transform .2s}
.modern-home .menu-button[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}
.modern-home .menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.modern-home .nav{display:none;position:absolute;left:0;right:0;top:71px;padding:16px 23px 22px;background:var(--bg-card);border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0b223218;flex-direction:column;gap:3px;font-size:14px}
.modern-home .nav.is-open{display:flex}
.modern-home .nav>a{padding:11px 0}
.modern-home .nav .mobile-access{display:block;color:var(--blue)}
.modern-home .hero{padding-top:35px}
.modern-home .eyebrow-pill{font-size:9px;padding:6px 10px;gap:8px}
.modern-home .eyebrow-pill .icon{width:12px;margin-left:1px}
.modern-home .hero h1{font-size:clamp(34px,8.3vw,52px);letter-spacing:-1.7px;line-height:1.15;margin:25px -3px 20px}
.modern-home .hero-description{font-size:13px;line-height:1.9;max-width:390px}
.modern-home .desktop-break{display:none}
.modern-home .hero-actions{gap:10px;margin-top:24px}
.modern-home .hero-actions .button{font-size:11px;padding:12px 13px;min-height:48px;gap:9px}
.modern-home .hero-actions .icon{width:16px;height:16px}
.modern-home .compatibility{gap:13px;font-size:8px;margin-top:20px;flex-wrap:wrap;row-gap:7px}
.modern-home .compatibility>span{gap:4px}
.modern-home .compatibility .icon{width:11px;height:11px}
.modern-home .product-container{margin-top:33px;width:calc(100% - 24px)}
.modern-home .product-window{border-radius:9px}
.modern-home .window-top{height:35px;font-size:9px;gap:12px;padding-inline:12px}
.modern-home .window-dots{gap:4px}
.modern-home .window-dots i{width:5px;height:5px}
.modern-home .window-divider{margin-inline:7px}
.modern-home .window-label{display:none}
.modern-home .product-workspace{display:block}
.modern-home .project-sidebar{display:none}
.modern-home .drawing-toolbar{height:44px;padding:0 8px}
.modern-home .drawing-tabs{gap:0}
.modern-home .drawing-tabs button{padding:0 16px;font-size:10px}
.modern-home .drawing-panel{padding:11px}
.modern-home .drawing-panel img{min-height:180px;object-fit:contain}
.modern-home .drawing-status{height:28px;font-size:7px;padding:0 11px}
.modern-home .drawing-status>span{gap:4px}
.modern-home .example-caption{font-size:8px;max-width:330px;margin:12px auto 0;line-height:1.8}
.modern-home .section-space{padding:58px 0}
.modern-home .section-title h2,.modern-home .feature-intro h2{font-size:31px;letter-spacing:-1.1px;line-height:1.22;margin:14px 0 17px}
.modern-home .section-title>p,.modern-home .section-title>div+p{font-size:12px;line-height:1.9}
.modern-home .eyebrow{font-size:8px;letter-spacing:1.4px}
.modern-home .workflow-grid{grid-template-columns:1fr;gap:27px;margin-top:33px}
.modern-home .workflow-step{position:relative;padding-left:46px}
.modern-home .step-number{position:absolute;top:0;left:0;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;font-size:10px;display:grid;place-items:center}
.modern-home .step-number>span{display:none}
.modern-home .workflow-step:not(:last-child)::after{content:'';position:absolute;left:14px;top:39px;bottom:-15px;width:1px;background:var(--line)}
.modern-home .workflow-step h3{font-size:18px;margin:2px 0 10px}
.modern-home .workflow-step p{font-size:12px;max-width:100%}
.modern-home .step-label{font-size:7px;letter-spacing:1.2px;margin-top:13px}
.modern-home .feature-layout{gap:25px}
.modern-home .feature-intro>p{font-size:13px}
.modern-home .feature-intro>.text-link{font-size:11px}
.modern-home .feature-grid{gap:12px}
.modern-home .feature-card{padding:19px 17px 22px;border-radius:9px}
.modern-home .feature-icon{width:33px;height:33px;border-radius:7px;margin-bottom:17px}
.modern-home .feature-icon .icon{width:18px;height:18px}
.modern-home .feature-index{right:15px;top:20px;font-size:8px}
.modern-home .feature-card h3{font-size:13px;margin-bottom:9px;line-height:1.5}
.modern-home .feature-card p{font-size:10px;line-height:1.9}
.modern-home .materials-heading{display:block}
.modern-home .materials-heading h2{margin-bottom:16px}
.modern-home .materials-heading>p{font-size:12px}
.modern-home .material-filters{gap:3px;margin:24px -3px 20px;flex-wrap:nowrap;justify-content:space-between}
.modern-home .filter-button{font-size:9px;padding:6px 9px;white-space:nowrap;min-height:38px}
.modern-home .filter-button>span{font-size:6px;margin-left:4px;padding:1px 3px}
.modern-home .materials-grid{grid-template-columns:1fr;gap:20px}
.modern-home .material-art{height:185px}
.modern-home .material-body{padding:22px}
.modern-home .material-meta{font-size:8px;gap:10px}
.modern-home .material-meta>span{padding-left:10px}
.modern-home .material-body h3{font-size:21px;min-height:0;margin:13px 0 11px}
.modern-home .material-body h3 br{display:none}
.modern-home .material-body p{font-size:12px;min-height:0;max-width:330px}
.modern-home .material-read{font-size:11px;margin-top:21px;min-height:25px}
.modern-home .point-a{top:101px;left:49px}
.modern-home .point-b{top:77px;left:150px}
.modern-home .point-c{top:53px;left:256px}
.modern-home .channels-row{padding-top:25px;margin-top:32px;gap:20px}
.modern-home .channels-row h3{font-size:14px;line-height:1.65;max-width:310px}
.modern-home .channels-row p{font-size:11px;line-height:1.9}
.modern-home .channel-pills{flex-wrap:wrap;gap:9px}
.modern-home .channel-pill{font-size:10px;padding:10px 12px;gap:8px}
.modern-home .channel-pill small{font-size:8px}
.modern-home .video-coming{padding:25px 22px;gap:16px;flex-direction:column}
.modern-home .video-coming-icon{width:43px;height:43px;border-radius:9px}
.modern-home .video-coming h3{font-size:22px}
.modern-home .video-coming p{font-size:12px}
.modern-home .access-section{padding:0 0 48px}
.modern-home .access-section .container{width:calc(100% - 24px)}
.modern-home .access-card{padding:32px 25px 31px;border-radius:12px}
.modern-home .access-card h2{font-size:31px;letter-spacing:-1px;margin:17px 0}
.modern-home .access-card p{font-size:12px;line-height:1.9}
.modern-home .access-actions{align-items:stretch;flex-direction:column;gap:19px;margin-top:24px}
.modern-home .access-actions .button{font-size:12px;padding:13px 16px;min-height:50px;gap:15px}
.modern-home .access-docs{justify-content:center;font-size:11px;min-height:30px}
.modern-home .access-note{font-size:8px;line-height:1.8;max-width:290px;margin-top:19px}
.modern-home .access-card .eyebrow{font-size:8px}
.modern-home .access-contours{right:-430px;opacity:.6}
.modern-home .footer{padding:28px 0 22px}
.modern-home .footer-main{gap:23px;padding-bottom:22px}
.modern-home .footer-main .brand{font-size:21px}
.modern-home .footer-main>p{font-size:10px;order:0}
.modern-home .footer-links{font-size:11px;gap:26px;flex-basis:100%}
.modern-home .footer-bottom{flex-direction:column;gap:8px;font-size:8px;padding-top:20px}
.modern-home .article-dialog{padding:32px 24px;max-width:calc(100% - 24px);max-height:calc(100dvh - 32px);border-radius:12px}
.modern-home .article-dialog h2{font-size:25px;letter-spacing:-.8px}
.modern-home .article-dialog p,.modern-home .article-dialog li{font-size:13px}
.modern-home .article-dialog>.eyebrow{font-size:8px;margin-bottom:20px}
.modern-home .article-dialog>.button{width:100%;font-size:11px}
.modern-home .drawing-dialog{padding:17px;max-width:calc(100% - 16px)}
.modern-home .drawing-dialog-header{font-size:13px}
.modern-home .drawing-dialog .dialog-close{top:15px;right:15px;width:33px;height:33px}
.modern-home .drawing-dialog>p{font-size:10px;max-width:240px}
.modern-home .drawing-dialog-caption{font-size:9px}
.modern-home .drawing-scroll{max-height:calc(100dvh - 230px)}
.modern-home .section-space,.modern-home .product-container{scroll-margin-top:72px}
}
@media(max-width:360px){
.modern-home .container{width:calc(100% - 28px)}
.modern-home .brand{font-size:20px}
.modern-home .brand-caption{font-size:7px}
.modern-home .header-inner{gap:12px}
.modern-home .hero-actions{flex-direction:column;padding:0 20px}
.modern-home .hero-actions .button{font-size:12px}
.modern-home .hero h1{font-size:32px;letter-spacing:-1.5px}
.modern-home .feature-grid{grid-template-columns:1fr}
.modern-home .feature-card{padding:22px}
.modern-home .feature-card h3{font-size:16px}
.modern-home .feature-card p{font-size:12px}
.modern-home .filter-button{font-size:8px;padding:6px}
.modern-home .point-c{left:230px}
.modern-home .compatibility{gap:9px;font-size:7px}
.modern-home .materials .container{width:calc(100% - 28px)}
}
@media(prefers-reduced-motion:reduce){
.modern-home *,.modern-home *::before,.modern-home *::after{transition:none!important;animation:none!important}
}
.modern-home .material-open:focus-visible{outline-offset:-4px;border-radius:10px}
.modern-home .filter-button.active,.modern-home .drawing-tabs button[aria-selected=true],.modern-home .sidebar-item.active{color:var(--blue-strong)}
.modern-home .article-close-bottom{margin-left:10px}
@media(max-width:640px){
.modern-home .hero-description{font-size:14px}
.modern-home .workflow-step p,.modern-home .feature-intro>p{font-size:13px}
.modern-home .feature-card h3{font-size:14px}
.modern-home .feature-card p{font-size:12px}
.modern-home .section-title>p,.modern-home .section-title>div+p,.modern-home .material-body p{font-size:13px}
.modern-home .article-close-bottom{margin-left:0}
}

/* Shared shell and the existing public/account routes. */
:root{--paper:var(--bg);--white:var(--bg-card);--ink:var(--text);--accent:var(--blue);--accent-dark:var(--blue-strong);--action:var(--blue);--green:var(--mint);--dark:var(--bg-soft);--surface:var(--bg-card);--surface-raised:var(--bg-soft);--radius:10px;--max:1180px;--font-body:var(--font);--field:var(--bg-card);--danger:#ae432d;--warning:#895c12;--success:#18725a;--focus-ring:#1686d626;font-family:var(--font);background:var(--bg);color:var(--text);color-scheme:light}
:root[data-theme=dark]{--field:#15212d;--danger:#ffad98;--warning:#edc275;--success:#87ddc9;--focus-ring:#77d4fa33;color-scheme:dark}
html{scroll-padding-top:108px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
a,button,input,select,textarea,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
::selection{background:var(--blue);color:var(--bg)}
.wrap{width:min(var(--max),calc(100% - 64px))}
.site-header{height:88px;position:sticky;top:0;z-index:30;background:var(--header);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-header .wrap{width:min(1280px,calc(100% - 64px))}
.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}
.site-header .brand,.site-footer .brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1.1;color:var(--text);text-decoration:none}
.site-header .brand img,.site-footer .brand img{width:38px;height:38px;border-radius:9px}
.brand-caption{display:block;font-size:9px;line-height:1.4;letter-spacing:1px;text-transform:uppercase;font-weight:600;color:var(--muted);margin-top:6px}
.site-header .brand .brand-note{font-family:var(--font);font-size:8px;line-height:1.5;letter-spacing:.7px;padding-left:12px;margin-left:2px;color:var(--muted);border-color:var(--line)}
.site-header .main-nav{position:static;margin-left:auto;display:flex;align-items:center;gap:22px;padding:0;border:0;background:none;box-shadow:none;font-size:12px;font-weight:600}
.site-header .main-nav>a{display:block;padding:10px 0;font-size:12px;white-space:nowrap;text-decoration:none;color:var(--text)}
.site-header .main-nav>a:hover,.site-header .main-nav>a[aria-current=page]{color:var(--blue)}
.site-header .main-nav .nav-download{border:0;border-radius:0;background:none;padding:10px 0;margin:0;color:var(--blue)}
.site-header .main-nav .nav-download:hover,.site-header .main-nav .nav-download[aria-current=page]{background:none;color:var(--blue-strong)}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:0}
.site-header .header-account{display:block;flex:0 1 auto;min-width:0;max-width:200px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg-card);color:var(--text);font-size:11px;font-weight:700;line-height:1.7;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-header .header-account:hover,.site-header .header-account[aria-current=page]{background:var(--blue-soft);color:var(--blue);border-color:var(--blue)}
.theme-toggle,.site-header .menu-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);cursor:pointer;margin:0}
.theme-toggle:hover,.site-header .menu-button:hover{background:var(--blue-soft);color:var(--blue)}
.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-sun{display:none}
:root[data-theme=dark] .theme-toggle .theme-sun{display:block}
:root[data-theme=dark] .theme-toggle .theme-moon{display:none}
.site-header .menu-button{display:none;border-radius:8px;width:auto;min-width:42px;padding:0 10px;font-size:11px;gap:6px}
.site-header .menu-button svg{width:18px;height:18px}
.site-footer{background:var(--bg);color:var(--text);border-top:1px solid var(--line);padding:44px 0 24px}
.site-footer .footer-main{display:grid;grid-template-columns:.95fr 1.25fr .8fr;gap:40px;align-items:start;padding:0}
.site-footer .footer-main p{font-size:12px;color:var(--muted);margin:17px 0 0;max-width:280px}
.site-footer .footer-seller{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;font-size:11px;font-style:normal;color:var(--muted);line-height:1.8}
.site-footer .footer-seller strong{font-weight:600;color:var(--text)}
.site-footer .footer-seller span{white-space:normal;overflow-wrap:anywhere}
.site-footer .footer-seller a{text-decoration:none;overflow-wrap:anywhere}
.site-footer .footer-nav{display:flex;align-items:flex-start;flex-direction:column;gap:9px;margin:0;padding:0}
.site-footer .footer-nav a{font-size:11px;font-weight:600;text-decoration:none}
.site-footer a:hover{color:var(--blue)}
.site-footer .footer-legal{border-top:1px solid var(--line);margin-top:31px;padding-top:22px}
.site-footer .legal-links{gap:10px 25px;font-size:10px}
.site-footer .footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:23px;padding-top:20px;border-color:var(--line);font-size:9px;line-height:1.8;color:var(--muted)}
.skip-link{background:var(--bg-card);color:var(--blue);border:2px solid var(--blue);border-radius:6px}
.button{gap:15px;min-height:48px;border-radius:8px;background:var(--blue);border:1px solid transparent;color:#fff;font-family:inherit;font-size:13px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s}
.button:hover{background:var(--blue-strong);color:#fff;box-shadow:0 7px 20px #087ab023}
.button.secondary,.account-page .account-secondary{background:var(--bg-card);color:var(--text);border-color:var(--line);box-shadow:none}
.button.secondary:hover,.account-page .account-secondary:hover{background:var(--bg-soft);color:var(--blue);border-color:var(--blue)}
.button:disabled,.button:disabled:hover{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}
:root[data-theme=dark] .button:not(.secondary):not(.account-secondary):not(.button-secondary):not(.button-white){color:#102536}
.text-link{color:var(--blue);border-color:var(--line)}
.text-link:hover{color:var(--blue-strong)}
.eyebrow{font-family:var(--font);font-weight:700;color:var(--blue)}
.eyebrow::before{background:var(--blue)}
.page-heading h1,.error-page h1{font-weight:800;letter-spacing:-2px;line-height:1.15}
.page-heading>p,.feature-detail p,.article p,.legal-document p{color:var(--muted)}
.page-heading{padding-top:49px}
.breadcrumbs,.checkout-breadcrumb{color:var(--muted);line-height:1.6;flex-wrap:wrap}
.feature-detail,.article section,.article-nav,details,.definition-list div{border-color:var(--line)}
.feature-icon{color:var(--blue)}
.article a,.legal-document a,.feature-detail a,.note a{color:var(--blue)}
.article code,code:not(pre code){background:var(--bg-soft);color:var(--text);border:1px solid var(--line);border-radius:4px}
pre{background:var(--bg-soft);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:20px;overflow:auto}
.note{background:var(--blue-soft);color:var(--text);border-left-color:var(--blue);border-radius:0 8px 8px 0}
.note p{color:var(--muted)}
.release-card,.license-card,.license-card:last-child,.feature-card,.documentation-band,.documentation-copy,.doc-link-list,.product-card,.product-card-featured,.access-offer,.access-offer-copy,.access-price{background:var(--bg-card);color:var(--text);border-color:var(--line);box-shadow:0 6px 24px #12223405}
.product-card-featured,.account-card.account-release{border-color:var(--blue);background:linear-gradient(135deg,var(--blue-soft),var(--bg-card) 75%);box-shadow:none}
.product-card-featured::before{background:none}
.product-card::after{border-color:var(--line)}
.product-card li,.product-coming,.access-price{border-color:var(--line)}
.product-number,.product-price span,.product-coming,.access-offer-copy ul,.access-price>span,.access-price>p,.product-card li{color:var(--muted)}
.product-price strong,.access-price>strong,.release-entry-meta strong,.order-total strong{color:var(--blue)}
.product-status,.product-card-featured .product-status,.tag{border-color:var(--line);background:var(--blue-soft);color:var(--blue)}
.product-card li::before{border-color:var(--blue)}
.tag .status-dot,.status-dot{background:var(--mint)}
.free-download-copy .eyebrow{color:var(--blue)}
.free-download-copy>p,.free-download-actions>span,.free-download-copy>.free-download-note,.free-download-features li span,.free-download-features>p{color:var(--muted)}
.free-download-features strong{color:var(--text)}
.release-entry{border-color:var(--line)}
.release-entry-meta span,.release-caption{color:var(--muted)}
.release-checksum code{background:var(--bg-soft);color:var(--blue);border-color:var(--line);padding:8px 10px}
.release-checksum strong{color:var(--text)}
.legal-document,.feature-detail,.article{overflow-wrap:anywhere}
.legal-page .page-heading h1{overflow-wrap:anywhere}
.legal-document h2,.article h2,.feature-detail h2{line-height:1.3}
.definition-list dd{overflow-wrap:anywhere}

/* Preserve all existing form/API behavior; only their visible surfaces change. */
.checkout-panel,.order-summary,.account-card{background:var(--bg-card);color:var(--text);border:1px solid var(--line);box-shadow:0 8px 32px #142f4b06}
.checkout-stage{background:var(--blue-soft);border-left-color:var(--blue)}
.checkout-stage span,.account-label{color:var(--blue)}
.checkout-stage p,.form-field small,.form-status,.checkout-legal-pending span,.checkout-assurances p,.order-summary>ul li,.order-total span,.payment-route ol{color:var(--muted)}
.checkout-legal-pending{border-color:var(--line);background:var(--bg-soft)}
.checkout-legal-pending strong{color:var(--warning)}
.form-field input,.form-field select,.form-field textarea,.account-seat-draft input,.account-seat-draft select{background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:7px}
.form-field input::placeholder,.form-field textarea::placeholder{color:var(--muted);opacity:.75}
.form-field input:hover,.form-field select:hover,.form-field textarea:hover,.account-seat-draft input:hover,.account-seat-draft select:hover{border-color:var(--blue)}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.account-seat-draft input:focus,.account-seat-draft select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--focus-ring)}
.form-field input:user-invalid{border-color:var(--danger)}
.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{background:var(--bg-soft);color:var(--muted)}
.form-status.is-error{color:var(--danger)}
.order-summary>ul li,.order-total,.checkout-seller,.checkout-assurances,.checkout-assurances>div+div{border-color:var(--line)}
.checkout-assurances{background:var(--line)}
.checkout-assurances>div{background:var(--bg-soft)}
.email-code-cell{background:var(--field);border-color:var(--line);color:var(--text)}
.email-code-cell.is-filled{border-color:var(--blue)}
.email-code-cell.is-current{border-color:var(--blue);box-shadow:0 0 0 3px var(--focus-ring)}
.account-card .account-email{color:var(--text)}
.account-page .button:focus-visible,.account-page summary:focus-visible,.account-page .text-link:focus-visible{outline:3px solid var(--focus)}
.account-specs li{border-color:var(--line);background:var(--bg-soft);color:var(--muted)}
.account-file-details,.account-limits li,.account-payment-note,.account-device-confirm,.account-seat-draft{border-color:var(--line)}
.account-steps li::marker{color:var(--blue)}
.account-device{background:var(--bg-soft);border-color:var(--line)}
.account-device-state{color:var(--success)}
.account-device-state.is-revoked{color:var(--warning)}
.account-device-hid{color:var(--blue)}
.account-device-confirm .button:first-child{background:var(--blue);color:#fff;border-color:var(--blue)}
:root[data-theme=dark] .account-device-confirm .button:first-child{color:#102536}
:is(.account-page,.registration-page,.checkout-page) table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}
:is(.account-page,.registration-page,.checkout-page) th,:is(.account-page,.registration-page,.checkout-page) td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
:is(.account-page,.registration-page,.checkout-page) th{background:var(--bg-soft);font-weight:700}
:is(.account-page,.registration-page,.checkout-page) tr:hover td{background:var(--blue-soft)}
:is(.account-page,.registration-page,.checkout-page) dialog{max-width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--bg-card);color:var(--text);box-shadow:var(--shadow)}
:is(.account-page,.registration-page,.checkout-page) dialog::backdrop{background:#0c1b2ba6;backdrop-filter:blur(4px)}
:is(.account-page,.registration-page,.checkout-page) dialog p{color:var(--muted)}

/* Reset only the old class properties that are absent from the approved home. */
.modern-home{min-width:0;line-height:1.7;color:var(--text)}
.modern-home .hero{display:block;grid-template-columns:none;gap:0;align-items:normal;padding-bottom:0}
.modern-home .eyebrow::before{display:none}
.modern-home .hero-description{margin-inline:auto;max-width:770px}
.modern-home .feature-card{display:block;flex-direction:initial;min-height:0;text-decoration:none;box-shadow:none;background:var(--bg-card);border-color:var(--line)}
.modern-home .feature-card:hover{border-color:var(--line);transform:none}
.modern-home .feature-card:hover .feature-icon{color:var(--blue)}
.modern-home .feature-card p{margin:0;max-width:none}
.modern-home .feature-icon{flex-shrink:0}
.modern-home .workflow-step{border-top:0;padding-top:0}
.modern-home .workflow-step p{margin-bottom:0}
.modern-home .text-link{border:0;text-decoration:none}
.modern-home .icon{display:inline-block;vertical-align:middle}
.modern-home .button{font-size:14px;min-height:54px;padding:15px 24px;gap:19px;border-radius:8px}
.modern-home .button-small{padding:11px 17px;min-height:43px;font-size:12px;gap:13px}
.modern-home .button-secondary{background:var(--bg-card);color:var(--text);border-color:var(--line)}
.modern-home .button-secondary:hover{background:var(--bg-soft);color:var(--text);box-shadow:none}
.modern-home .button-white{background:#fff;color:#134563}
.modern-home .button-white:hover{background:#e7f7ff;color:#134563}
.modern-home .drawing-dialog::backdrop,.modern-home .article-dialog::backdrop{background:#0c1b2bcc;backdrop-filter:blur(5px)}
.modern-home .material-open{color:inherit;text-decoration:none}
.modern-home .material-open h3{color:var(--text)}
.modern-home .materials-all{margin-top:30px;text-align:center}
.modern-home .article-dialog-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:25px}
.modern-home .article-dialog-actions .button{font-size:12px;min-height:48px}
.modern-home .material-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:27px 0 0;color:var(--muted);font-size:11px;line-height:1.7}
.modern-home .material-breadcrumb a:hover{color:var(--blue)}
.modern-home .material-article{max-width:850px;margin-inline:auto;padding:50px 0 70px}
.modern-home .material-article h1{font-size:clamp(32px,4.2vw,52px);line-height:1.2;letter-spacing:-1.7px;margin:18px 0 25px;font-weight:800}
.modern-home .material-article-content{font-size:15px;line-height:1.9;color:var(--muted)}
.modern-home .material-article-content p{margin:0 0 21px}
.modern-home .material-article-content h2{font-size:26px;letter-spacing:-.6px;line-height:1.35;margin:34px 0 18px;color:var(--text)}
.modern-home .material-article-content h3{font-size:20px;line-height:1.4;margin:27px 0 15px;color:var(--text)}
.modern-home .material-article-content :is(ol,ul){padding-left:24px;margin:20px 0 25px}
.modern-home .material-article-content li{padding-left:6px;margin:11px 0}
.modern-home .material-article-content a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.modern-home .material-related{padding-top:50px;border-top:1px solid var(--line)}
.modern-home .material-related>.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}
.modern-home .material-related h2{font-size:28px;letter-spacing:-.7px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:1200px){.site-header .header-inner{gap:18px}.site-header .main-nav{gap:17px}.site-header .header-account{max-width:185px}.site-header .brand .brand-note{display:none}}
@media(max-width:1100px){.site-header{height:76px}.site-header .wrap{width:calc(100% - 48px)}.site-header .main-nav{display:none;position:absolute;top:75px;left:0;right:0;padding:16px 24px 22px;border-bottom:1px solid var(--line);background:var(--bg-card);box-shadow:0 20px 30px #0b223218;align-items:stretch;flex-direction:column;gap:2px}.site-header .main-nav.is-open{display:flex}.site-header .main-nav>a,.site-header .main-nav .nav-download{padding:12px 0;font-size:14px;text-align:left}.site-header .menu-button{display:inline-flex}.header-actions{margin-left:auto}.site-header .header-account{max-width:240px}.site-footer .footer-main{gap:28px;grid-template-columns:1fr 1.25fr .8fr}.wrap{width:calc(100% - 48px)}}
@media(max-width:800px){.site-footer .footer-main{grid-template-columns:1fr 1fr}.site-footer .footer-nav{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:12px 24px}.release-entry{grid-template-columns:1fr;gap:20px}.release-entry-meta{flex-direction:row;align-items:center;gap:18px}}
@media(max-width:640px){html{scroll-padding-top:88px}.wrap,.site-header .wrap{width:calc(100% - 36px)}.site-header{height:72px}.site-header .header-inner{gap:12px}.site-header .brand,.site-footer .brand{font-size:21px;gap:9px}.site-header .brand img,.site-footer .brand img{width:33px;height:33px}.site-header .brand-caption{display:none}.site-header .main-nav{top:71px;padding-inline:18px}.header-actions{gap:8px}.site-header .header-account{max-width:34vw;font-size:10px;padding:9px 10px}.theme-toggle{width:38px;height:38px}.theme-toggle svg{width:17px;height:17px}.site-header .menu-button{width:38px;min-width:38px;height:38px;font-size:0;padding:0;gap:0}.site-header .menu-button span,.site-header .menu-button svg{font-size:18px}.site-footer{padding-top:32px}.site-footer .footer-main{grid-template-columns:1fr;gap:24px}.site-footer .footer-nav{grid-column:auto}.site-footer .footer-main p{margin-top:12px}.site-footer .footer-legal{margin-top:25px}.site-footer .footer-bottom{display:block;font-size:9px}.site-footer .footer-bottom span{display:block;margin-bottom:7px}.page-heading h1,.error-page h1{letter-spacing:-1.5px}.checkout-breadcrumb{align-items:flex-start;gap:8px}.checkout-breadcrumb h1{flex-basis:100%;margin-top:4px}.modern-home .hero-description{font-size:14px;max-width:390px}.modern-home .hero-actions .button{font-size:11px;padding:12px 13px;min-height:48px;gap:9px}.modern-home .workflow-step{padding-top:0}.modern-home .access-actions .button{font-size:12px;padding:13px 16px;min-height:50px;gap:15px}.modern-home .article-dialog-actions{align-items:stretch;flex-direction:column;gap:10px}.modern-home .article-dialog-actions .button{width:100%}.modern-home .material-article{padding:34px 0 48px}.modern-home .material-article h1{letter-spacing:-1px}.modern-home .material-article-content{font-size:14px}.modern-home .material-related>.materials-grid{grid-template-columns:1fr}.modern-home .material-related h2{font-size:25px}}
@media(max-width:380px){.site-header .header-inner{gap:8px}.site-header .brand{font-size:19px;gap:7px}.site-header .brand img{width:30px;height:30px}.site-header .header-account{max-width:31vw;font-size:9px;padding:9px 7px}.header-actions{gap:6px}.theme-toggle,.site-header .menu-button{width:35px;height:35px;min-width:35px}.modern-home .hero-actions .button{font-size:12px}.modern-home .hero-actions{flex-direction:column;padding-inline:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Keep long signed-in emails inside the compact header and retain CTA contrast. */
.modern-home .material-article-content a.button{color:#fff;text-decoration:none}
.modern-home .material-article-content a.button-secondary{color:var(--text)}
.modern-home .material-related{padding-bottom:72px}
@media(max-width:380px){.site-header .header-account{max-width:25vw}}
@media(max-width:640px){.modern-home .material-related{padding-bottom:48px}}