:root{--bg:#090909;--surface:#111111;--surface-2:#171717;--surface-3:#1d1d1d;--text:#f8f6f2;--muted:#a9a59f;--line:#292826;--accent:#ff681c;--accent-2:#ff9a5f;--accent-soft:rgba(255,104,28,.13);--success:#70dc9b;--danger:#ff6b6b;--shadow:0 24px 80px rgba(0,0,0,.36);--radius:22px;--header:76px;--max:1240px}
html[data-theme="light"]{--bg:#f6faf9;--surface:#ffffff;--surface-2:#eef5f3;--surface-3:#e4efec;--text:#0d2929;--muted:#5c7472;--line:#d6e3e0;--accent:#145f61;--accent-2:#23878a;--accent-soft:rgba(20,95,97,.1);--success:#167452;--danger:#bd3434;--shadow:0 24px 70px rgba(15,66,66,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.65 Inter,system-ui,sans-serif;overflow-x:hidden;transition:background .35s,color .35s}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:0}.skip-link{position:fixed;left:12px;top:-60px;z-index:200;background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.progress-line{position:fixed;z-index:150;top:0;left:0;height:2px;width:var(--scroll,0%);background:var(--accent);box-shadow:0 0 12px var(--accent)}
.topbar{height:var(--header);display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:100;top:0;left:0;width:100%;padding:0 max(28px,calc((100vw - var(--max))/2));border-bottom:1px solid transparent;transition:.3s}.topbar.scrolled{background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:block;flex:0 0 auto;width:40px;height:40px;background:var(--accent);-webkit-mask:url('/dragon-logo.png') center/contain no-repeat;mask:url('/dragon-logo.png') center/contain no-repeat;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--accent) 28%,transparent))}.brand>span:last-child{display:flex;align-items:baseline;gap:5px}.brand strong{font:700 19px Space Grotesk}.brand small{font-size:9px;letter-spacing:.2em;color:var(--muted)}.desktop-nav{display:flex;gap:32px}.desktop-nav a{position:relative;font-weight:600;font-size:13px;color:var(--muted);transition:.25s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--accent);border-radius:5px}.header-actions{display:flex;align-items:center;gap:8px}.icon-button,.account-button{height:42px;cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:13px;transition:.25s}.icon-button{width:42px}.icon-button:hover,.account-button:hover{transform:translateY(-2px);border-color:var(--accent)}.account-button{padding:0 15px;display:flex;align-items:center;gap:8px;font-weight:600}.account-button span:first-child{color:var(--accent)}.mobile-menu-button{display:none}.mobile-nav{position:fixed;z-index:90;top:76px;left:0;right:0;background:var(--surface);padding:18px 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-weight:600}
.section{position:relative;padding:110px max(28px,calc((100vw - var(--max))/2))}.hero{min-height:850px;padding-top:150px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;overflow:hidden;background:radial-gradient(circle at 72% 30%,var(--accent-soft),transparent 30%),linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--surface) 60%,var(--bg)))}.hero:before{content:"";position:absolute;inset:0;opacity:.17;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-copy,.hero-visual,.hero-stats{position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:11px;font-weight:800;margin-bottom:20px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:10px;box-shadow:0 0 0 5px var(--accent-soft);animation:pulse 2s infinite}.hero h1,.section-heading h2,.security-copy h2{font:700 clamp(45px,6vw,82px)/.98 Space Grotesk;margin:0;letter-spacing:-.055em}.hero h1 span{color:var(--accent)}.hero-copy>p{max-width:630px;margin:30px 0;color:var(--muted);font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:14px;font-weight:700;font-size:14px;cursor:pointer;transition:transform .24s,box-shadow .24s,border-color .24s;background:none}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--accent);color:white;box-shadow:0 11px 28px color-mix(in srgb,var(--accent) 28%,transparent)}.button.primary:hover{box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 42%,transparent)}.button.secondary{border:1px solid var(--line);background:var(--surface);color:var(--text)}.button.secondary:hover{border-color:var(--accent)}.trust-row{display:flex;gap:22px;margin-top:28px;color:var(--muted);font-size:12px}.trust-row span:before{color:var(--success)}
.hero-visual{height:520px;min-width:0;border:1px solid var(--line);border-radius:36px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 92%,transparent),color-mix(in srgb,var(--bg) 85%,transparent));box-shadow:var(--shadow);overflow:hidden;transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;opacity:.35;mask-image:radial-gradient(circle,#000,transparent 72%)}.kernel-core{position:absolute;width:250px;height:250px;left:50%;top:46%;transform:translate(-50%,-50%);display:grid;place-items:center}.core-logo{display:block;width:118px;height:118px;background:var(--accent);-webkit-mask:url('/dragon-logo.png') center/contain no-repeat;mask:url('/dragon-logo.png') center/contain no-repeat;filter:drop-shadow(0 0 25px color-mix(in srgb,var(--accent) 42%,transparent))}.core-ring{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:50%}.ring-a{inset:20px;animation:spin 10s linear infinite;border-style:dashed}.ring-b{inset:-15px;animation:spin 16s linear infinite reverse;border-color:var(--line)}.ring-c{inset:58px;box-shadow:0 0 45px var(--accent-soft)}.status-card{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(12px);box-shadow:0 14px 30px rgba(0,0,0,.18);animation:float 5s ease-in-out infinite}.status-card span:last-child{display:flex;flex-direction:column}.status-card small{font-size:8px;letter-spacing:.16em;color:var(--muted)}.status-card strong{font-size:12px}.status-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:18px}.status-top{right:28px;top:40px}.status-bottom{left:28px;bottom:70px;animation-delay:-2.5s}.console-line{position:absolute;bottom:18px;left:18px;right:18px;padding:10px 14px;border-radius:10px;background:#060606;color:#9d9d9d;font:11px monospace;border:1px solid #242424}.console-line span{color:var(--accent)}.console-line b{float:right;color:var(--success)}.hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-stats div{padding:26px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column}.hero-stats div:last-child{border:0}.hero-stats strong{font:700 25px Space Grotesk}.hero-stats span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.catalog{background:var(--surface)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section-heading h2,.security-copy h2{font-size:clamp(38px,5vw,62px)}.section-heading p,.security-copy p{color:var(--muted);max-width:650px;margin:16px 0 0}.section-heading.centered{justify-content:center;text-align:center}.section-heading.centered p{margin:16px auto}.text-link{color:var(--accent);font-weight:700;white-space:nowrap}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.search-field{height:54px;min-width:390px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:15px;background:var(--bg);padding:0 15px;transition:.25s}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search-field>span{font-size:22px;color:var(--accent)}.search-field input{width:100%;border:0;outline:0;background:transparent}.search-field kbd{font:11px monospace;background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:2px 7px;color:var(--muted)}.filter-chips{display:flex;gap:7px;overflow:auto;padding:4px}.chip{padding:9px 14px;border:1px solid var(--line);border-radius:100px;background:var(--bg);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.2s}.chip:hover,.chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.result-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:0 2px 18px}.result-meta label{display:flex;gap:8px}.result-meta select{border:0;background:transparent;color:var(--text);font-weight:600}.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.device-card{min-width:0;position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}.device-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:var(--shadow)}.device-image{height:215px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 70%,var(--accent-soft),transparent 55%),var(--surface-2);overflow:hidden}.device-image:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.06),transparent 65%);transform:translateX(-100%);transition:.6s}.device-card:hover .device-image:after{transform:translateX(100%)}.device-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s;filter:saturate(.85)}.device-card:hover img{transform:scale(1.045);filter:saturate(1.05)}.device-badge{position:absolute;z-index:2;top:13px;left:13px;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(8px);font-size:9px;font-weight:800;letter-spacing:.12em}.device-info{padding:19px}.device-info h3{font:700 18px Space Grotesk;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-info>p{margin:4px 0 18px;color:var(--accent);font:12px monospace}.specs{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-bottom:16px}.specs span{display:flex;flex-direction:column;font-size:10px;color:var(--muted)}.specs b{font-size:11px;color:var(--text);font-weight:600}.device-actions{display:flex;gap:8px}.device-actions .button{min-height:40px;padding:0 12px;flex:1;font-size:11px}.icon-link{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line);font-weight:800;transition:.2s}.icon-link:hover{border-color:var(--accent);color:var(--accent)}.skeleton{height:390px;background:linear-gradient(90deg,var(--bg),var(--surface-2),var(--bg));background-size:200%;animation:shimmer 1.6s infinite}.empty-state{grid-column:1/-1;text-align:center;padding:70px 20px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.catalog-footer{text-align:center;margin-top:30px}
.workflow{background:linear-gradient(180deg,var(--bg),var(--surface))}.request-shell{display:grid;grid-template-columns:255px 1fr;max-width:1050px;margin:auto;border:1px solid var(--line);border-radius:28px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.stepper{list-style:none;margin:0;padding:34px 25px;background:var(--surface-2);border-right:1px solid var(--line)}.stepper li{position:relative;display:flex;gap:13px;align-items:center;padding:0 0 42px;color:var(--muted)}.stepper li:not(:last-child):after{content:"";position:absolute;left:17px;top:39px;bottom:5px;width:1px;background:var(--line)}.stepper li>span{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);font-size:11px;font-weight:800}.stepper li div{display:flex;flex-direction:column}.stepper li strong{font-size:12px;color:var(--text)}.stepper li small{font-size:10px}.stepper li.active>span,.stepper li.complete>span{background:var(--accent);color:#fff;border-color:var(--accent)}.stepper li.active strong{color:var(--accent)}.request-shell form{padding:36px 40px;min-width:0}.form-step{display:none;animation:slideIn .35s ease}.form-step.active{display:block}.form-intro{display:flex;gap:14px;align-items:flex-start;margin-bottom:28px}.form-intro>span{font:700 11px Space Grotesk;color:var(--accent);padding-top:5px}.form-intro h3{font:700 24px Space Grotesk;margin:0}.form-intro p{margin:4px 0;color:var(--muted);font-size:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field>span,.feature-fieldset legend{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.03em}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:12px 13px;outline:0;transition:.2s}.field input,.field select{height:48px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:var(--danger)}.field small{font-size:9px;color:var(--muted)}.feature-fieldset{border:0;padding:0;margin:0 0 22px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.feature-grid label{cursor:pointer}.feature-grid input{position:absolute;opacity:0}.feature-grid label>span{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:12px;font-weight:700;transition:.2s}.feature-grid small{font-weight:400;color:var(--muted);font-size:9px}.feature-grid input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.check-line{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:11px;color:var(--muted)}.check-line input{accent-color:var(--accent);margin-top:4px}.check-line a{color:var(--accent);text-decoration:underline}.review-card{margin-top:22px;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:15px;font-size:11px;color:var(--muted)}.review-card strong{color:var(--text)}.form-actions{display:flex;align-items:center;margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.form-actions span{flex:1}.form-status{min-height:22px;margin-top:12px;color:var(--danger);font-size:11px}.form-status.success{color:var(--success)}
.security-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;background:var(--surface)}.security-copy p{margin:25px 0}.security-diagram{display:flex;align-items:center;gap:12px}.security-diagram>i{color:var(--muted);font-style:normal}.security-node{flex:1;min-height:180px;padding:22px;border:1px solid var(--line);background:var(--bg);border-radius:18px;display:flex;flex-direction:column;justify-content:center;transition:.25s}.security-node:hover{transform:translateY(-5px)}.security-node b{color:var(--accent);font:700 11px Space Grotesk}.security-node span{font:700 14px Space Grotesk;margin:22px 0 5px}.security-node small{font-size:9px;color:var(--muted)}.security-node.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.security-node.accent b,.security-node.accent small{color:#fff}
.policies{background:var(--bg)}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.policy-grid article{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:.25s}.policy-grid article:hover{transform:translateY(-5px);border-color:var(--accent)}.policy-grid article>span{font:700 10px Space Grotesk;color:var(--accent)}.policy-grid h3{font:700 20px Space Grotesk;margin:22px 0 10px}.policy-grid p{font-size:12px;color:var(--muted);min-height:80px}.text-button,.footer-link{background:none;padding:0;color:var(--accent);cursor:pointer;font-size:11px;font-weight:700}
footer{padding:65px max(28px,calc((100vw - var(--max))/2)) 25px;background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}footer h3{font:700 11px Space Grotesk;text-transform:uppercase;letter-spacing:.12em;margin:0 0 18px}footer>div:not(.footer-brand):not(.footer-bottom){display:flex;flex-direction:column;align-items:flex-start;gap:9px}footer a,footer .footer-link{color:var(--muted);font-size:11px;text-align:left}footer a:hover,footer .footer-link:hover{color:var(--accent)}.footer-brand p{max-width:310px;color:var(--muted);font-size:11px}.footer-bottom{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.system-status i{display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%;margin-right:6px}
.app-dialog{width:min(480px,calc(100% - 32px));max-height:90vh;overflow:auto;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.app-dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:15px;width:35px;height:35px;border-radius:50%;background:var(--surface-2);cursor:pointer}.dialog-brand{display:flex;align-items:center;gap:14px;margin-bottom:25px}.dialog-brand h2{font:700 22px Space Grotesk;margin:0}.dialog-brand p{font-size:11px;color:var(--muted);margin:3px 0}.full-button{width:100%;margin-top:4px}.compact{margin:0}.order-dialog{width:min(650px,calc(100% - 32px))}.policy-dialog{width:min(720px,calc(100% - 32px))}.policy-dialog article h2{font:700 30px Space Grotesk}.policy-dialog article h3{font:700 16px Space Grotesk;margin:24px 0 6px}.policy-dialog article p,.policy-dialog article li{color:var(--muted);font-size:12px}.toast-region{position:fixed;z-index:250;right:18px;bottom:18px;display:grid;gap:8px}.toast{max-width:340px;padding:13px 16px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:11px;box-shadow:var(--shadow);font-size:11px;animation:toastIn .3s ease}
.order-summary{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);margin-bottom:20px}.order-summary img{width:72px;height:62px;object-fit:cover;border-radius:10px}.order-summary>div{display:flex;flex-direction:column}.order-summary strong{font:700 14px Space Grotesk}.order-summary span{font:10px monospace;color:var(--accent)}.order-summary small{font-size:9px;color:var(--muted)}.order-summary>b{font:700 18px Space Grotesk}.checkout-form{display:grid;gap:17px}.field-label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:7px}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-option{position:relative;cursor:pointer}.payment-option input{position:absolute;opacity:0}.payment-option>span{min-height:67px;display:flex;justify-content:center;flex-direction:column;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);transition:.2s}.payment-option b{font-size:11px}.payment-option small{font-size:8px;color:var(--muted)}.payment-option input:checked+span{border-color:var(--accent);background:var(--accent-soft)}.payment-option.disabled{opacity:.45;cursor:not-allowed}.payment-option em{position:absolute;top:6px;right:7px;font-size:7px;color:var(--muted)}.loading-line,.error-line{grid-column:1/-1;color:var(--muted);font-size:10px;padding:10px}.error-line{color:var(--danger)}.checkout-consent{display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.checkout-consent>strong{font-size:11px}.checkout-consent button{padding:0;background:none;color:var(--accent);text-decoration:underline;cursor:pointer}.account-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.account-heading h3{font:700 15px Space Grotesk;margin:0}.account-orders{display:grid;gap:9px}.account-orders article{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.account-orders article>div{display:flex;flex-direction:column}.account-orders strong{font-size:12px}.account-orders small{font-size:9px;color:var(--muted)}.account-orders .button{grid-column:1/-1;min-height:39px}.order-status{padding:5px 8px;border-radius:50px;background:var(--surface-2);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.order-status.paid{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.empty-account,.account-loading{padding:35px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:10px}.form-status code{font-size:9px;word-break:break-all;color:var(--text)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes pulse{50%{box-shadow:0 0 0 9px transparent}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes shimmer{to{background-position:-200%}}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}}@keyframes toastIn{from{opacity:0;transform:translateY(12px)}}
@media(max-width:1050px){.desktop-nav{display:none}.mobile-menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:125px}.hero-copy{text-align:center}.hero-copy>p{margin:26px auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{width:min(620px,100%);margin:auto}.device-grid{grid-template-columns:repeat(3,1fr)}.catalog-toolbar{align-items:stretch;flex-direction:column}.search-field{min-width:0}.security-section{grid-template-columns:1fr;gap:45px}.request-shell{grid-template-columns:210px 1fr}}
@media(max-width:760px){:root{--header:68px}.section{padding:80px 18px}.topbar{padding:0 18px}.account-button span:last-child{display:none}.hero{padding-top:105px;gap:40px;min-height:0}.hero h1{font-size:48px}.hero-visual{height:410px;transform:none}.kernel-core{transform:translate(-50%,-50%) scale(.75)}.status-card{transform:scale(.82)}.status-top{right:4px}.status-bottom{left:4px}.hero-stats{grid-template-columns:1fr 1fr}.hero-stats div:nth-child(2){border-right:0}.hero-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.trust-row{gap:9px;flex-direction:column}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:35px}.device-grid{grid-template-columns:repeat(2,1fr)}.request-shell{grid-template-columns:1fr}.stepper{display:grid;grid-template-columns:repeat(4,1fr);padding:16px;border-right:0;border-bottom:1px solid var(--line)}.stepper li{padding:0;justify-content:center}.stepper li div,.stepper li:after{display:none}.request-shell form{padding:25px 20px}.field-grid,.feature-grid{grid-template-columns:1fr}.security-diagram{align-items:stretch;flex-direction:column}.security-diagram>i{transform:rotate(90deg);text-align:center}.security-node{min-height:130px}.policy-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{gap:8px;flex-direction:column}.dialog-brand{padding-right:22px}}
@media(max-width:480px){.device-grid{grid-template-columns:1fr}.device-image{height:245px}.hero h1{font-size:42px}.hero-visual{height:350px}.status-bottom{display:none}.hero-actions .button{width:100%}.form-intro h3{font-size:20px}.payment-options{grid-template-columns:1fr}.order-summary{grid-template-columns:60px 1fr}.order-summary img{width:60px}.order-summary>b{grid-column:2}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Device artwork is always the repository's original animated GIF, shown uncropped. */
.device-image{height:auto;aspect-ratio:348/220;background:#111}
.device-image img{display:block;object-fit:contain;filter:none}
.device-card:hover .device-image img{transform:scale(1.025);filter:none}
@media(max-width:480px){.device-image{height:auto}}

.profile-section{background:linear-gradient(180deg,var(--bg),var(--surface))}.profile-shell{max-width:1050px;margin:auto;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.profile-loading{padding:70px;text-align:center;color:var(--muted)}.profile-welcome{min-height:330px;display:grid;grid-template-columns:280px 1fr;align-items:center;gap:50px;padding:48px}.profile-emblem{width:210px;height:210px;margin:auto;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle,var(--accent-soft),transparent 68%)}.profile-emblem .brand-mark{width:120px;height:120px}.profile-welcome h3,.profile-summary h3{font:700 30px Space Grotesk;margin:0}.profile-welcome p,.profile-summary p{color:var(--muted);margin:10px 0 24px}.google-button{width:fit-content;background:#fff;color:#202124;border:1px solid #dadce0;box-shadow:0 8px 24px rgba(0,0,0,.14)}.google-button:hover{border-color:var(--accent);box-shadow:0 12px 30px rgba(0,0,0,.2)}.google-button.disabled{opacity:.48;cursor:not-allowed}.google-g{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-weight:800;color:#4285f4;background:#fff}.oauth-benefits{display:grid;gap:9px;margin:0 0 24px;color:var(--muted);font-size:12px}.oauth-benefits span:before{color:var(--success)}.oauth-note,.oauth-setup{display:block;color:var(--muted);font-size:10px;margin:16px 0 0}.profile-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:34px 38px;border-bottom:1px solid var(--line)}.profile-summary p{margin:3px 0}.profile-avatar{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:var(--accent);color:#fff;font:700 20px Space Grotesk}.profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.profile-metrics div{padding:24px 38px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.profile-metrics div:last-child{border:0}.profile-metrics strong{font:700 20px Space Grotesk}.profile-metrics span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.profile-shell>.account-heading{padding:28px 38px 12px;margin:0}.profile-shell>.account-heading span{color:var(--muted);font-size:10px}.profile-shell>.account-orders{padding:0 38px 38px}.email-link-button{grid-column:1/-1;min-height:40px!important}
@media(max-width:760px){.profile-welcome{grid-template-columns:1fr;padding:30px 22px;text-align:center}.profile-emblem{width:150px;height:150px}.profile-emblem .brand-mark{width:88px;height:88px}.profile-welcome .google-button{margin:auto}.profile-summary{grid-template-columns:auto 1fr;padding:25px 20px}.profile-summary>.text-button{grid-column:1/-1;justify-self:start}.profile-metrics div{padding:18px 14px}.profile-shell>.account-heading,.profile-shell>.account-orders{padding-left:20px;padding-right:20px}}