:root{--blueprint-bg: #fbfaf6;--blueprint-paper: #f5f1e8;--blueprint-ink: #1d3a8a;--blueprint-ink-dark: #14296a;--blueprint-ink-soft: #3a5cb8;--blueprint-line: #1d3a8a26;--blueprint-line-strong: #1d3a8a55;--blueprint-grid-minor: #1d3a8a08;--blueprint-grid-major: #1d3a8a08;--warm-gray: #5b5a55;--warm-gray-soft: #8d8a82;--ink: #1a1a24;--ink-soft: #4a4a55;--accent-amber: #c9a04a;--accent-rust: #b85c3a;--card-bg: #ffffff;--card-bg-alt: #f4f9fd;--card-border: #1d3a8a22;--shadow-sketch: 0 1px 0 #1d3a8a10, 0 2px 14px #1d3a8a0d;--shadow-card: 0 2px 0 #1d3a8a12, 0 8px 26px #1d3a8a12;--radius: 14px;--radius-lg: 22px;--font-display: "Space Grotesk", "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{padding:0;margin:0;outline:none;border:0;color:inherit;text-decoration:inherit;box-sizing:border-box;line-height:1.4}*,*:before,*:after{vertical-align:middle}html{overflow-x:hidden;height:100%;scroll-behavior:smooth}body{min-height:100%;font-size:16px;font-family:var(--font-body);color:var(--ink);background-color:var(--blueprint-bg);background-image:repeating-linear-gradient(0deg,transparent 0,transparent 23px,var(--blueprint-grid-minor) 23px,var(--blueprint-grid-minor) 24px),repeating-linear-gradient(90deg,transparent 0,transparent 23px,var(--blueprint-grid-minor) 23px,var(--blueprint-grid-minor) 24px),repeating-linear-gradient(0deg,transparent 0,transparent 119px,var(--blueprint-grid-major) 119px,var(--blueprint-grid-major) 120px),repeating-linear-gradient(90deg,transparent 0,transparent 119px,var(--blueprint-grid-major) 119px,var(--blueprint-grid-major) 120px);background-attachment:fixed;display:flex;flex-flow:column nowrap;align-items:stretch;-moz-tab-size:4;tab-size:4}a,span,em,b,i,strong{vertical-align:baseline}a{text-decoration:none;cursor:pointer;font-weight:600;color:var(--blueprint-ink)}a:hover{color:var(--blueprint-ink-dark)}ul,ol{margin-left:1.5rem}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink)}site-header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:.75rem 1.25rem;margin:1rem auto 0;width:calc(100% - 2rem);max-width:1200px;border-radius:18px;background-color:#fbfaf6cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--blueprint-line);box-shadow:var(--shadow-sketch);position:sticky;top:1rem;z-index:50}site-header a.logo{display:flex;flex-flow:row nowrap;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--ink)}site-header a.logo img{height:38px;width:38px;object-fit:contain;border-radius:8px}site-header nav.primary{display:flex;flex-flow:row nowrap;gap:1.25rem;align-items:center}site-header nav.primary a{font-weight:500;font-size:.95rem}site-header nav.primary a:hover{color:var(--blueprint-ink)}main{z-index:1;flex:1 0 auto;width:100%;display:flex;flex-flow:column nowrap;align-items:stretch;gap:5rem;padding-bottom:6rem}section{--width: 1180px;line-height:1.5;padding:3rem max(1.25rem,(100vw - var(--width)) / 2);display:flex;flex-flow:column nowrap;align-items:center;gap:2rem;text-align:center}section h1{font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:700;margin:0}section h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;margin:0}section>h3{font-size:1.1rem;font-weight:400;color:var(--warm-gray);margin:0;max-width:720px}section-header{display:flex;flex-flow:column nowrap;align-items:center;gap:.6rem}section-header blueprint-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--blueprint-ink);padding:4px 10px;border:1px dashed var(--blueprint-line-strong);border-radius:999px}.button,button.button{display:inline-flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.4rem;background:var(--blueprint-ink);color:#fff;border-radius:10px;font-weight:600;font-family:var(--font-display);font-size:.95rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,transform .1s ease,box-shadow .2s ease;box-shadow:0 1px #14296a55,0 4px 14px #1d3a8a22}.button:hover,button.button:hover{background:var(--blueprint-ink-dark);color:#fff;box-shadow:0 1px #14296a55,0 8px 22px #1d3a8a35}.button:active,button.button:active{transform:translate(1px,1px)}.button.large,button.button.large{padding:.95rem 1.8rem;font-size:1.05rem}.button.secondary,button.button.secondary{background:transparent;color:var(--blueprint-ink);border:1.5px solid var(--blueprint-ink);box-shadow:none}.button.secondary:hover,button.button.secondary:hover{background:var(--blueprint-ink);color:#fff}.button.ghost,button.button.ghost{background:transparent;color:var(--blueprint-ink);box-shadow:none;padding:.5rem .9rem}.button.ghost:hover,button.button.ghost:hover{background:#1d3a8a0e}site-buttons{display:flex;flex-flow:row wrap;gap:1rem;justify-content:center}hero-section{display:flex;flex-flow:column nowrap;align-items:center;gap:2rem;padding:3.5rem max(1.25rem,(100vw - 1180px) / 2) 2rem;text-align:center;position:relative}hero-section hero-title{display:flex;flex-flow:column nowrap;gap:1.1rem;align-items:center;max-width:900px}hero-section hero-title blueprint-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--blueprint-ink);padding:5px 12px;border:1px dashed var(--blueprint-line-strong);border-radius:999px}hero-section hero-title h1{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--ink)}hero-section hero-title h1 accent{color:var(--blueprint-ink);background:linear-gradient(105deg,var(--blueprint-ink),var(--blueprint-ink-soft));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}hero-section hero-title hero-sub{display:block;font-size:1.15rem;color:var(--warm-gray);max-width:640px;line-height:1.55}hero-section hero-stage{position:relative;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:1rem;width:min(560px,100%)}hero-section hero-stage strip-label{order:1}hero-section hero-stage hero-filmstrip{order:2}@media(min-width:901px){hero-section hero-stage{flex-flow:row wrap;align-items:center;gap:.5rem;width:min(880px,100%)}hero-section hero-stage>site-viewer-3d{flex:1 1 auto;max-width:520px}hero-section hero-stage strip-label{order:initial}hero-section hero-stage hero-filmstrip{order:initial}}hero-section hero-arrow{display:none}@media(min-width:901px){hero-section hero-arrow{display:block;flex:0 0 auto;width:96px}hero-section hero-arrow img{display:block;width:100%;height:auto}}hero-section strip-label{flex:1 0 100%;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--warm-gray);display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;line-height:1.3}hero-section strip-label:before,hero-section strip-label:after{content:"";display:inline-block;width:64px;height:1px;background:var(--blueprint-line-strong)}@media(min-width:901px){hero-section strip-label:before,hero-section strip-label:after{width:128px}}hero-section hero-filmstrip{display:flex;flex-flow:column nowrap;align-items:center;gap:.5rem;width:100%}@media(min-width:901px){hero-section hero-filmstrip{flex:0 0 auto;width:124px;gap:.6rem}}hero-section hero-filmstrip strip-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;width:100%}@media(min-width:901px){hero-section hero-filmstrip strip-thumbs{grid-template-columns:1fr;gap:.4rem}}hero-section hero-filmstrip strip-thumbs strip-thumb{aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;background:var(--card-bg-alt);border:1px solid var(--blueprint-line);display:flex;align-items:center;justify-content:center;position:relative;font-family:var(--font-mono);font-size:1rem;color:var(--blueprint-ink);-webkit-user-select:none;user-select:none}hero-section hero-filmstrip strip-thumbs strip-thumb img{display:block;width:100%;height:100%;object-fit:cover}site-viewer-3d{display:block;position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-lg);background:radial-gradient(ellipse at center,#fff,#f8fafd);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--card-border)}site-viewer-3d viewer-ring{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:calc(var(--radius-lg) - 6px);border:1.5px dashed var(--blueprint-line-strong);pointer-events:none;z-index:2}site-viewer-3d viewer-canvas{position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:calc(var(--radius-lg) - 6px);display:block;z-index:1;cursor:grab;overflow:hidden}site-viewer-3d viewer-canvas>canvas{display:block;width:100%!important;height:100%!important;cursor:grab}site-viewer-3d viewer-canvas:active,site-viewer-3d viewer-canvas>canvas:active{cursor:grabbing}site-viewer-3d viewer-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:.6rem;font-family:var(--font-mono);font-size:.78rem;color:var(--warm-gray);text-transform:uppercase;letter-spacing:.12em;z-index:3;pointer-events:none}site-viewer-3d viewer-status[data-error]{color:var(--accent-rust)}site-viewer-3d viewer-status viewer-spinner{display:block;width:22px;height:22px;border:2px solid var(--blueprint-line);border-top-color:var(--blueprint-ink);border-radius:50%;animation:viewer-spin .9s linear infinite}@keyframes viewer-spin{to{transform:rotate(360deg)}}how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%;max-width:1080px;counter-reset:step}how-it-works step-card{counter-increment:step;display:flex;flex-flow:column nowrap;align-items:flex-start;gap:.9rem;padding:1.8rem;background:var(--card-bg-alt);border-radius:var(--radius);border:1px solid var(--card-border);box-shadow:var(--shadow-sketch);text-align:left;position:relative;overflow:hidden}how-it-works step-card:before{content:"0" counter(step);position:absolute;top:.6rem;right:.9rem;font-family:var(--font-mono);font-size:2.6rem;font-weight:600;color:var(--blueprint-line-strong);line-height:1}how-it-works step-card step-icon{display:flex;align-items:center;justify-content:center;width:128px;height:128px;border-radius:14px;background:#fff;border:1.5px dashed var(--blueprint-line-strong);color:var(--blueprint-ink);align-self:center}how-it-works step-card step-icon img{display:block;width:100%;height:100%;object-fit:contain}how-it-works step-card step-title{font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--ink)}how-it-works step-card step-desc{font-size:.95rem;color:var(--warm-gray);line-height:1.55}examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;width:100%;max-width:1080px}examples-grid example-card{position:relative;display:flex;flex-flow:column nowrap;gap:.85rem;padding:1rem;background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-sketch)}examples-grid example-card site-viewer-3d{aspect-ratio:1 / 1;border:none;box-shadow:none;background:transparent}examples-grid example-card example-card-toggle{position:absolute;top:1.1rem;right:1.1rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#080c188c;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease,background .15s ease,color .15s ease,transform .15s ease}examples-grid example-card example-card-toggle svg{display:block;width:16px;height:16px}examples-grid example-card example-card-toggle:hover,examples-grid example-card example-card-toggle:focus-visible{background:#080c18c7;outline:none;transform:translateY(-1px)}examples-grid example-card example-card-toggle[data-active=true]{background:var(--accent, #ffd60a);color:#1a1a1a}examples-grid example-card:hover example-card-toggle,examples-grid example-card example-card-toggle:focus-visible,examples-grid example-card example-card-toggle[data-active=true]{opacity:1}@media(hover:none){examples-grid example-card example-card-toggle{opacity:1}}examples-grid example-card example-caption{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:.25rem .4rem}examples-grid example-card example-caption strong{font-family:var(--font-display);font-size:1rem;color:var(--ink)}examples-grid example-card example-caption span{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blueprint-ink)}blueprint-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;width:100%;max-width:1080px}blueprint-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}blueprint-grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}blueprint-grid blueprint-card{display:flex;flex-flow:column nowrap;align-items:flex-start;gap:.85rem;padding:1.6rem;background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--card-border);box-shadow:var(--shadow-sketch);text-align:left;transition:transform .15s ease,box-shadow .2s ease}blueprint-grid blueprint-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}blueprint-grid blueprint-card card-icon{display:flex;align-items:center;justify-content:center;width:128px;height:128px;border-radius:12px;color:var(--blueprint-ink);align-self:center}blueprint-grid blueprint-card card-icon img{display:block;width:100%;height:100%;object-fit:contain}blueprint-grid blueprint-card[data-tone=warning] card-icon{color:var(--accent-rust)}blueprint-grid blueprint-card[data-tone=success] card-icon{color:#4a875a}blueprint-grid blueprint-card card-title{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--ink)}blueprint-grid blueprint-card card-desc{font-size:.95rem;color:var(--warm-gray);line-height:1.55}blueprint-grid blueprint-card card-tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blueprint-ink);background:#1d3a8a10;border-radius:999px;padding:3px 9px}pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;width:100%;max-width:1000px}pricing-grid pricing-card{display:flex;flex-flow:column nowrap;align-items:stretch;gap:.85rem;padding:1.8rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sketch);text-align:left;position:relative;transition:transform .15s ease,box-shadow .2s ease}pricing-grid pricing-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}pricing-grid pricing-card plan-name{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--ink)}pricing-grid pricing-card plan-desc{color:var(--warm-gray);font-size:.95rem}pricing-grid pricing-card plan-price{display:flex;align-items:baseline;gap:.3rem;font-family:var(--font-display)}pricing-grid pricing-card plan-price strong{font-size:2.2rem;font-weight:700;color:var(--ink)}pricing-grid pricing-card plan-price em{font-style:normal;color:var(--warm-gray);font-size:.95rem}pricing-grid pricing-card plan-feature{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;background:var(--card-bg-alt);border-radius:10px;border:1px dashed var(--blueprint-line);font-size:.92rem}pricing-grid pricing-card plan-feature label{color:var(--warm-gray)}pricing-grid pricing-card plan-feature value{font-family:var(--font-mono);font-weight:600;color:var(--blueprint-ink)}pricing-grid pricing-card .button{margin-top:auto;width:100%}pricing-grid pricing-card[data-featured]{border:2px solid var(--blueprint-ink);box-shadow:0 4px #14296a18,0 18px 40px #1d3a8a22}pricing-grid pricing-card[data-featured]:after{content:"Popular";position:absolute;top:-.7rem;right:1.2rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;background:var(--blueprint-ink);color:#fff;padding:4px 10px;border-radius:999px}compat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;width:100%;max-width:1080px}compat-grid compat-card{display:flex;flex-flow:column nowrap;gap:.85rem;padding:1.8rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sketch);text-align:left}compat-grid compat-card compat-title{font-family:var(--font-display);font-weight:700;font-size:1.2rem}compat-grid compat-card compat-desc{color:var(--warm-gray);font-size:.97rem;line-height:1.6}compat-grid compat-card compat-illu{align-self:stretch;height:240px;border-radius:12px;border:1px dashed var(--blueprint-line-strong);background:repeating-linear-gradient(45deg,transparent 0 8px,#1d3a8a0d 8px 9px),var(--card-bg-alt);display:flex;align-items:center;justify-content:center;color:var(--blueprint-ink)}compat-grid compat-card compat-illu img{display:block;width:200px;height:200px;object-fit:contain}compat-grid compat-card tag-row{display:flex;flex-flow:row wrap;gap:.35rem}compat-grid compat-card tag-row card-tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blueprint-ink);background:#1d3a8a10;padding:3px 8px;border-radius:999px}final-cta{display:flex;flex-flow:column nowrap;align-items:center;gap:1.2rem;padding:3rem 2rem;max-width:1080px;width:calc(100% - 2rem);margin:0 auto;background:repeating-linear-gradient(0deg,transparent 0 23px,#ffffff22 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,#ffffff22 23px 24px),linear-gradient(135deg,var(--blueprint-ink) 0%,var(--blueprint-ink-dark) 100%);color:#fff;border-radius:var(--radius-lg);text-align:center;box-shadow:0 2px #14296a40,0 18px 50px #1d3a8a40}final-cta h2{color:#fff;font-size:clamp(1.8rem,3.2vw,2.6rem);max-width:720px}final-cta p{color:#fffc;max-width:600px;font-size:1.05rem}final-cta .button{background:var(--accent-amber);color:var(--blueprint-ink-dark);box-shadow:0 1px #0002,0 8px 22px #0003}final-cta .button:hover{background:#e2b65a;color:var(--blueprint-ink-dark)}site-footer{display:flex;flex-flow:column nowrap;gap:1.5rem;padding:3rem 1.5rem 2rem;background:var(--blueprint-ink-dark);color:#fffc;font-size:.92rem}site-footer footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1080px;width:100%;margin:0 auto;text-align:left}site-footer footer-grid footer-column{display:flex;flex-flow:column nowrap;gap:.6rem}site-footer footer-grid footer-column strong{font-family:var(--font-display);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#fffc;margin-bottom:.4rem}site-footer footer-grid footer-column a{color:#fff9;font-weight:500}site-footer footer-grid footer-column a:hover{color:#fff}site-footer footer-copyright{display:block;text-align:center;font-family:var(--font-mono);font-size:.78rem;color:#fff6;letter-spacing:.06em}email-shield{display:inline-flex;flex-flow:row nowrap;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:10px;background:#1d3a8a10;border:1px dashed var(--blueprint-line-strong);font-family:var(--font-mono);font-weight:500;color:var(--blueprint-ink);-webkit-user-select:all;user-select:all;font-size:1rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}email-shield:hover{background:#1d3a8a1f;border-color:var(--blueprint-line-strong)}email-shield:focus-visible{outline:2px solid var(--blueprint-accent, #1d3a8a);outline-offset:2px}email-shield span.hide{display:none}contact-card{display:flex;flex-flow:column nowrap;align-items:center;gap:1.5rem;padding:2.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sketch);max-width:540px;width:100%;text-align:center}contact-card contact-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:18px;background:#1d3a8a0e;border:1.5px dashed var(--blueprint-line-strong);color:var(--blueprint-ink)}contact-card contact-icon svg{width:36px;height:36px}contact-card contact-intro{color:var(--warm-gray);max-width:380px;line-height:1.55}legal-doc{display:block;max-width:920px;width:calc(100% - 2rem);align-self:center;margin:2rem auto;padding:2.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sketch);line-height:1.65;color:var(--ink)}legal-doc h1{font-family:var(--font-display);font-weight:700;font-size:2.2rem;margin:0 0 .4rem}legal-doc legal-meta{display:block;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:1.5rem}legal-doc h2{font-family:var(--font-display);font-weight:700;font-size:1.3rem;margin:1.8rem 0 .4rem;color:var(--blueprint-ink)}legal-doc h3{font-family:var(--font-display);font-weight:600;font-size:1.05rem;margin:1.2rem 0 .3rem}legal-doc p{margin:.5rem 0;color:var(--ink-soft)}legal-doc ul,legal-doc ol{margin:.5rem 0 .5rem 1.5rem}legal-doc ul li,legal-doc ol li{margin:.3rem 0;color:var(--ink-soft)}blog-list{display:block;max-width:1080px;width:calc(100% - 2rem);align-self:center;margin:2rem auto}blog-list blog-header{display:flex;flex-flow:column nowrap;gap:.4rem;margin-bottom:1.8rem}blog-list blog-header h1{font-family:var(--font-display);font-size:2.4rem;font-weight:700}blog-list blog-header span{color:var(--warm-gray)}blog-list blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.3rem}blog-list blog-grid blog-card{display:flex;flex-flow:column nowrap;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sketch);transition:transform .18s ease,box-shadow .18s ease;text-decoration:none;color:inherit}blog-list blog-grid blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);color:inherit}blog-list blog-grid blog-card blog-banner{display:block;width:100%;aspect-ratio:5 / 3;background:var(--card-bg-alt);border-bottom:1px solid var(--card-border);background-image:repeating-linear-gradient(45deg,transparent 0 6px,#1d3a8a10 6px 7px)}blog-list blog-grid blog-card blog-banner img{display:block;width:100%;height:100%;object-fit:cover}blog-list blog-grid blog-card blog-body{display:flex;flex-flow:column nowrap;gap:.5rem;padding:1.1rem 1.2rem 1.3rem}blog-list blog-grid blog-card blog-body blog-tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blueprint-ink)}blog-list blog-grid blog-card blog-body blog-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--ink);line-height:1.3}blog-list blog-grid blog-card blog-body blog-excerpt{color:var(--warm-gray);font-size:.9rem;line-height:1.5}blog-list blog-grid blog-card blog-body blog-meta{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--warm-gray-soft);margin-top:.2rem}blog-list blog-empty{display:block;padding:3rem;text-align:center;color:var(--warm-gray);font-family:var(--font-mono);font-size:.95rem;border:1px dashed var(--blueprint-line-strong);border-radius:var(--radius);background:var(--card-bg-alt)}blog-post-page{display:block;max-width:820px;width:calc(100% - 2rem);align-self:center;margin:2rem auto;padding:2.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sketch)}blog-post-page blog-back{display:inline-block;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--blueprint-ink);margin-bottom:1rem}blog-post-page blog-title{display:block;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1.15;color:var(--ink);margin-bottom:.6rem}blog-post-page blog-meta{display:flex;flex-flow:row wrap;gap:.6rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.05em;color:var(--warm-gray);margin-bottom:1.5rem}blog-post-page blog-banner{display:block;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;margin-bottom:1.8rem;border:1px solid var(--card-border)}blog-post-page blog-banner img{display:block;width:100%;height:100%;object-fit:cover}blog-post-page blog-content{display:block;line-height:1.75;color:var(--ink-soft);font-size:1.02rem}blog-post-page blog-content h2{font-family:var(--font-display);font-size:1.45rem;margin:1.6rem 0 .4rem;color:var(--blueprint-ink)}blog-post-page blog-content h3{font-family:var(--font-display);font-size:1.15rem;margin:1.2rem 0 .3rem;color:var(--ink)}blog-post-page blog-content p{margin:.7rem 0}blog-post-page blog-content a{color:var(--blueprint-ink);text-decoration:underline;text-underline-offset:3px}blog-post-page blog-content ul,blog-post-page blog-content ol{margin:.6rem 0 .6rem 1.5rem}blog-post-page blog-content ul li,blog-post-page blog-content ol li{margin:.3rem 0}blog-post-page blog-content img{display:block;max-width:100%;border-radius:var(--radius);margin:1.2rem auto;border:1px solid var(--card-border)}blog-post-page blog-content code{font-family:var(--font-mono);font-size:.92em;background:var(--card-bg-alt);padding:2px 6px;border-radius:4px}blog-post-page blog-content blockquote{border-left:3px solid var(--blueprint-ink);padding:.5rem 1rem;background:var(--card-bg-alt);border-radius:6px;color:var(--ink-soft);margin:1rem 0}@media only screen and (max-width:900px){site-header nav.primary{gap:.9rem}site-header nav.primary a{font-size:.88rem}how-it-works{grid-template-columns:1fr}examples-grid{grid-template-columns:1fr}pricing-grid{grid-template-columns:1fr}compat-grid{grid-template-columns:1fr}blueprint-grid[data-cols="2"],blueprint-grid[data-cols="4"]{grid-template-columns:1fr}site-footer footer-grid{grid-template-columns:1fr;gap:1.2rem}legal-doc{padding:1.8rem 1.4rem}blog-post-page{padding:1.6rem}}@media only screen and (max-width:560px){site-header{padding:.6rem .9rem}site-header nav.primary{display:none}}