@import url('/assets/tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%;display:block}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.055em}h1,h2{font-weight:650}h3{font-weight:650}p{color:var(--muted)}.section-wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:112px}.eyebrow,.feature-label,.guide-number,.visual-label,.visual-footer,.pill,.parts-title,.screenshot-hint{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.09em;line-height:1.5}.eyebrow{display:block;margin-bottom:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:17px 24px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:600;line-height:1.5;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.dark{background:var(--ink);color:var(--canvas)}.dark:hover{background:#314f3d}.lime{background:var(--lime);color:var(--ink)}.lime:hover{background:#d1ff9b}.quiet{padding-inline:10px;color:var(--ink);gap:14px}.small{padding:11px 18px;font-size:12px;gap:25px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:4px;line-height:1.5}.text-link:hover{color:var(--green)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #426eae;outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:15px;z-index:100}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:30;background:rgb(248 248 242 / 95%);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-wrap{width:min(1384px,calc(100% - 80px));height:89px;margin:auto;display:flex;align-items:center;gap:42px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:27px;font-weight:750;letter-spacing:-1.6px;line-height:1}.brand-dot{color:var(--green)}nav{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:12px;font-weight:600}nav>a:hover{color:var(--green)}.nav-github{display:flex;align-items:center;gap:8px}.nav-github .icon{width:17px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:35px;padding-block:85px 83px;align-items:center}.pill{display:inline-flex;gap:10px;align-items:center;border:1px solid #cbd8ec;background:#edf2fa;border-radius:25px;padding:8px 12px;margin-bottom:30px;font-size:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:#6e95cf;box-shadow:0 0 0 3px #dce7f6}.hero h1{font-size:clamp(58px,6.15vw,91px);line-height:.99;position:relative;letter-spacing:-.07em}.hero h1 em{font-style:normal;color:var(--green)}.scribble{width:72%;height:21px;display:block;margin-top:10px;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round}.hero-sub{font-size:15px;line-height:1.8;margin-top:24px;max-width:470px}.hero-actions{display:flex;gap:15px;align-items:center;margin-top:30px}.hero-proof{display:flex;gap:23px;margin-top:29px;font-size:10px;color:#596b83}.hero-proof>span{display:flex;align-items:center;gap:6px}.hero-proof .icon{width:14px;height:14px}.hero-visual{position:relative;background:#e9eef6;border:1px solid #d5deeb;border-radius:18px;padding:20px 22px 17px;align-self:center;transform:rotate(1deg)}.hero-visual>img{width:100%;height:auto;mix-blend-mode:multiply;margin:17px 0 3px}.visual-label,.visual-footer{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.06em;color:#5c6f8b}.live-tag{border-left:1px solid #a8b49c;padding-left:12px}.visual-footer{font-size:7px;padding-top:13px;border-top:1px solid #c7d3e5}.sticker{position:absolute;bottom:72px;right:-20px;background:var(--coral);color:var(--ink);padding:16px 22px;font-size:14px;font-weight:650;line-height:1.3;letter-spacing:-.03em;transform:rotate(-7deg);box-shadow:3px 4px 0 #263c2517;border-radius:3px}.sticker svg{width:36px;height:25px;display:inline-block;vertical-align:middle;margin-left:15px;fill:none;stroke:var(--ink);stroke-width:2}.compatibility-strip{border-block:1px solid var(--line);padding:26px 0}.compatibility-strip .section-wrap{display:flex;justify-content:space-between;gap:32px;align-items:center}.compatibility-strip span{font-family:var(--font-mono);font-size:8px;letter-spacing:.07em;max-width:200px}.compatibility-strip .section-wrap>div{display:flex;gap:24px;align-items:center;font-size:17px;font-weight:600;letter-spacing:-.045em}.compatibility-strip b{font-weight:400;color:#7894b9}.compatibility-strip i{font-size:12px;color:#9aaac1}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:49px}.section-heading h2,h2{font-size:clamp(35px,3.5vw,52px)}.section-heading p{font-size:13px;max-width:310px;line-height:1.8;padding-bottom:3px}.muted{color:#8b9db7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-bottom:34px}.steps article{border-top:1px solid #becbdc;padding-top:20px}.step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:37px}.step-top>span{font-family:var(--font-mono);color:#8c9eb6;font-size:11px}.step-top .icon{width:30px;height:30px}.steps h3{font-size:22px;letter-spacing:-.04em;margin-bottom:15px}.steps p{font-size:13px;line-height:1.9;max-width:330px}.showcase{background:var(--ink);color:var(--canvas);padding-block:100px 75px;overflow:hidden}.showcase .eyebrow{color:#c2cbbc}.showcase p{color:#b0bcab}.lime-text{color:var(--lime)}.showcase-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.screenshot-tabs{display:flex;gap:4px;background:#2c4033;border:1px solid #455544;border-radius:8px;padding:5px}.screenshot-tabs button{display:flex;align-items:center;gap:7px;background:transparent;color:#c4d0bd;border:0;border-radius:5px;padding:9px 15px;font-size:11px}.screenshot-tabs button[aria-pressed=true]{background:var(--lime);color:var(--ink)}.screenshot-tabs .icon{width:14px;height:14px}.screenshot-hint{color:#acbca4;font-size:8px}.screenshot-button{display:block;width:100%;padding:0;background:#0b0f13;border:1px solid #53634e;border-radius:11px;overflow:hidden;text-align:left;box-shadow:0 25px 60px #08150c40}.screenshot-button>img{width:100%;height:auto;aspect-ratio:1440/860;object-fit:cover;object-position:top}.browser-bar{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:#2b3a30;color:#9da996;font:10px var(--font-mono)}.browser-bar>span:nth-child(2){display:flex;gap:8px;align-items:center;background:#1e2c24;padding:5px 60px;border-radius:5px}.browser-bar .icon{width:11px;height:11px}.window-dots{letter-spacing:5px;font-size:9px}.showcase-caption{display:flex;justify-content:space-between;gap:24px;margin-top:17px;font-size:11px}.showcase-caption p{max-width:640px}.showcase-caption>span{color:#c9d7bf;font-size:10px}.showcase-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #485540;margin-top:40px;padding-top:33px}.showcase-highlights>div{display:flex;gap:14px;font-size:11px;color:#aebda6;line-height:1.8}.showcase-highlights .icon{color:var(--lime);width:21px}.showcase-highlights strong{display:block;color:var(--canvas);font-size:13px;margin-bottom:3px;font-weight:500}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{position:relative;border-radius:12px;padding:35px 38px;border:1px solid var(--line);min-height:332px;display:flex;flex-direction:column;align-items:flex-start}.feature-card>.icon{position:absolute;right:36px;top:73px;width:40px;height:40px;opacity:.8}.feature-label{font-size:8px;display:block;margin-bottom:41px}.feature-card h3{font-size:32px;letter-spacing:-.05em;margin-bottom:19px;max-width:85%}.feature-card p{font-size:12px;line-height:1.9;max-width:385px;margin-bottom:24px}.feature-card .text-link{font-size:11px;margin-top:auto}.feature-green{background:#dce7f7}.feature-cream{background:#eef0f4}.feature-white{background:#ffffff}.feature-peach{background:#f3e0d5}.build-section{padding-block:100px;background:var(--ink);color:var(--canvas)}.build-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.build-layout h2{font-size:66px}.serif-word{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--lime);letter-spacing:-.06em}.build-layout>div>p{margin:25px 0 30px;color:#b4c1ac;font-size:14px}.build-guide{display:block;margin-top:20px;font-size:11px;text-decoration:underline;text-underline-offset:4px;color:#cad5c3}.parts-list{background:#252e3b;border:1px solid #455642;border-radius:12px;padding:24px 30px}.parts-title{display:flex;justify-content:space-between;align-items:center;color:#c9d9bc;font-size:9px;padding-bottom:10px}.parts-title .icon{width:20px}.parts-list>a{display:flex;align-items:center;gap:17px;padding:21px 0;border-bottom:1px solid #465640}.parts-list>a:hover h3{color:var(--lime)}.parts-list>a>span:last-child{margin-left:auto;color:var(--lime)}.part-number{font-family:var(--font-mono);font-size:9px;color:#a4b298}.parts-list h3{font-size:16px;letter-spacing:-.02em;margin-bottom:5px}.parts-list p{font-size:10px;color:#b2bfa9}.parts-list .parts-footnote{margin:18px 0 0;font-size:9px;line-height:1.9}.parts-footnote a{text-decoration:underline;text-underline-offset:3px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-card{border-top:1px solid #becbdc;padding-top:14px;display:flex;flex-direction:column;align-items:flex-start}.guide-number{font-size:8px;color:#60738f;margin-bottom:18px}.guide-art{height:190px;display:flex;align-items:center;justify-content:center;position:relative;width:100%;border-radius:9px;margin-bottom:25px;overflow:hidden}.art-setup{background:#dce7f7}.art-nas{background:#e7ecf3}.art-storage{background:#f1ddcf}.guide-art>.icon{width:75px;height:75px;stroke-width:.8;transform:rotate(-10deg);margin-bottom:10px}.art-nas>.icon{transform:rotate(8deg)}.art-tag{position:absolute;bottom:16px;font-size:9px;font-family:var(--font-mono);padding:4px 9px;background:rgb(255 255 255 / 60%);border-radius:3px;transform:rotate(-3deg)}.guide-card h3{font-size:24px;letter-spacing:-.04em;line-height:1.2;margin-bottom:11px}.guide-card p{font-size:12px;line-height:1.9;margin-bottom:22px;max-width:300px}.guide-card .text-link{font-size:11px;margin-top:auto}.guide-card:hover h3{color:var(--green)}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding-top:22px}.faq-section h2{margin-bottom:23px}.faq-section>div>p{font-size:12px;line-height:2}.faq-section .text-link{font-size:11px}.faq-list{border-top:1px solid #b6c6dd}details{border-bottom:1px solid var(--line)}summary{padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;font-size:14px;font-weight:550;line-height:1.5}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;font-weight:400;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.9;padding:0 30px 24px 0}.closing{padding:70px 30px 76px;text-align:center;border:1px solid #c9d6e9;border-radius:15px;background:#e7eef8;position:relative;overflow:hidden;margin-bottom:100px;background-image:radial-gradient(#bccce1 .7px,transparent .7px);background-size:16px 16px}.closing-mark{display:inline-block;transform:rotate(-7deg);margin-bottom:20px}.closing h2{font-size:55px}.closing p{margin:20px 0 26px;font-size:13px}.closing-note{display:block;margin-top:25px;font:11px Georgia,serif;font-style:italic;color:#536f97}footer{padding:57px 56px 22px;border-top:1px solid var(--line);background:#edf1f6}.footer-top{display:flex;align-items:center;gap:40px;padding-bottom:35px;border-bottom:1px solid var(--line)}.footer-top p{font-size:12px}.footer-top>a:last-child{margin-left:auto;font-size:11px}.footer-links{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;padding:36px 0 40px;gap:30px}.footer-links>div:not(.footer-note){display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:11px}.footer-links .eyebrow{margin-bottom:5px;font-size:8px;color:#74859e}.footer-links a:hover{text-decoration:underline}.footer-note{font-size:18px;letter-spacing:-.04em;font-weight:500;line-height:1.4}.footer-note>span{display:block;font-size:10px;letter-spacing:0;font-weight:400;color:#63758f;margin-top:15px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:20px;color:#63758f;font-size:8px}dialog{width:min(1200px,95vw);max-height:95vh;padding:35px 15px 15px;background:#102019;border:1px solid #65765a;border-radius:10px;color:#dce6d2}dialog::backdrop{background:#081a10e8;backdrop-filter:blur(5px)}dialog img{max-height:80vh;margin:auto;object-fit:contain}dialog p{font-size:11px;text-align:center;color:#c5d0bd;padding:10px}.dialog-close{position:absolute;right:8px;top:0;border:0;background:transparent;color:white;font-size:28px;line-height:1.2;padding:2px 10px}.article-heading{padding-top:70px;padding-bottom:55px;max-width:1050px}.article-heading .breadcrumb{display:block;font-size:12px;color:#607b9e;margin-bottom:40px}.article-heading h1{font-size:clamp(45px,6vw,77px);line-height:1.03;max-width:900px}.article-heading>p{font-size:18px;max-width:720px;line-height:1.7;margin-top:25px}.article-meta{font:10px var(--font-mono);color:#6e809b;margin-top:23px;line-height:1.8}.article-body{width:min(760px,calc(100% - 112px));margin:auto;padding:0 0 100px}.article-body h2{font-size:30px;margin:44px 0 18px;letter-spacing:-.04em;line-height:1.2}.article-body p,.article-body li{font-size:15px;line-height:1.9;color:#536780}.article-body p{margin:14px 0}.article-body a:not(.button){text-decoration:underline;text-underline-offset:3px;text-decoration-color:#839fc5}.article-body ul,.article-body ol{padding-left:23px;margin:18px 0}.article-body li{padding:5px 0 5px 7px}.article-body strong{color:#263e5e;font-weight:650}.article-body code{font-family:var(--font-mono);background:#e8eef7;padding:3px 5px;border-radius:3px;font-size:.85em;overflow-wrap:anywhere}.note,.article-source{padding:22px 25px;border:1px solid #c1d0e5;border-left:3px solid #688aba;background:#eaf0fa;border-radius:5px;margin:30px 0;font-size:14px;line-height:1.8}.article-source{margin:45px 0 30px}.article-source p{font-size:12px}.table-wrap{overflow-x:auto;margin:30px 0}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;line-height:1.7}th{background:#e7edf6;font-weight:600}th,td{padding:14px 15px;border-bottom:1px solid var(--line);min-width:125px}td{color:#536780}.guide-index{padding-bottom:110px}.compatibility-card{background:#e8eff8;padding:30px;justify-content:center;border:0;border-radius:10px;min-height:270px;grid-column:1/-1}.compatibility-card h3{font-size:35px}.calculator{background:#e8eff8;border:1px solid #c7d5e9;padding:30px;border-radius:10px;margin-top:35px}.calculator h2{margin-top:0}.calculator .eyebrow{font-size:9px;margin-bottom:15px}.calc-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.calc-inputs label{font-size:12px}.calc-inputs input{display:block;width:100%;padding:12px;border:1px solid #a6bbd7;background:#f7faff;border-radius:5px;margin-top:7px;font-size:18px;color:var(--ink)}output{display:block;font-size:22px;font-weight:600;letter-spacing:-.035em;line-height:1.5;margin-top:25px}.calculator .calc-note{font-size:11px;line-height:1.8;margin-top:15px}.not-found{width:min(700px,90vw);margin:80px auto}.not-found .brand{margin-bottom:70px}.not-found h1{font-size:70px}.not-found p{margin:25px 0}
@media(min-width:1500px){.hero{padding-block:100px}.hero h1{font-size:95px}.section-wrap{width:min(1350px,calc(100% - 140px))}}
@media(max-width:1100px){.section-wrap{width:calc(100% - 72px)}.nav-wrap{width:calc(100% - 60px);gap:25px}nav{gap:22px}.hero{gap:18px;padding-top:65px}.hero h1{font-size:65px}.hero-actions{flex-wrap:wrap;gap:5px}.hero-proof{gap:15px}.hero-sub{font-size:13px}.live-tag{display:none}.sticker{right:-12px;font-size:12px;padding:12px 16px}.compatibility-strip .section-wrap>div{font-size:14px;gap:17px}.feature-card h3{font-size:29px}.build-layout{gap:50px}.build-layout h2{font-size:55px}.faq-section{gap:50px}.showcase-caption>span{display:none}.section-heading p{max-width:240px;font-size:12px}}
@media(max-width:800px){.section-wrap{width:calc(100% - 44px)}.section-space{padding-block:70px}.header{backdrop-filter:blur(14px)}.nav-wrap{height:75px;width:calc(100% - 40px);gap:20px}.brand{font-size:25px}.brand img{width:34px;height:34px}.menu-toggle{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:transparent;border-radius:5px;padding:7px;margin-left:auto}.nav-start{display:none}nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--canvas);padding:26px;box-shadow:0 8px 10px #1c302510;border-bottom:1px solid var(--line);font-size:16px}nav.is-open{display:flex;flex-direction:column;align-items:flex-start;gap:23px}.hero{grid-template-columns:1fr;padding-block:45px 52px;gap:38px}.hero h1{font-size:clamp(66px,11vw,89px);line-height:.97}.hero-copy{max-width:600px}.hero-sub{font-size:15px}.hero-actions{flex-wrap:nowrap;gap:18px}.hero-proof{margin-top:23px;font-size:11px;gap:24px}.hero-visual{max-width:640px;width:100%;transform:rotate(0)}.hero-visual>img{margin:0;max-height:420px;object-fit:contain}.visual-label{font-size:9px}.visual-footer{font-size:8px}.live-tag{display:inline}.sticker{bottom:55px;right:-7px;font-size:14px}.compatibility-strip .section-wrap{flex-direction:column;align-items:flex-start;gap:14px}.compatibility-strip span{max-width:none;font-size:8px}.compatibility-strip .section-wrap>div{flex-wrap:wrap;gap:14px;font-size:15px}.section-heading{gap:22px;align-items:flex-start;flex-direction:column;margin-bottom:35px}.section-heading h2,h2{font-size:40px}.section-heading p{font-size:13px;max-width:none}.eyebrow{font-size:9px;margin-bottom:18px}.steps{gap:22px}.step-top{margin-bottom:25px}.steps h3{font-size:20px;line-height:1.15}.steps p{font-size:12px;line-height:1.8}.showcase{padding-block:65px 55px}.screenshot-hint{display:none}.screenshot-tabs{width:100%}.screenshot-tabs button{flex:1;justify-content:center;font-size:10px;gap:5px;padding:9px 6px}.browser-bar{padding:8px 12px}.browser-bar>span:nth-child(2){padding:3px 28px}.showcase-caption{font-size:10px}.showcase-highlights{gap:20px}.showcase-highlights>div{display:block;font-size:10px}.showcase-highlights .icon{margin-bottom:10px}.showcase-highlights strong{font-size:12px}.feature-grid{gap:15px}.feature-card{padding:27px;min-height:350px}.feature-label{font-size:7px;margin-bottom:34px}.feature-card h3{font-size:26px;max-width:100%}.feature-card>.icon{position:static;width:27px;height:27px;margin-bottom:23px}.feature-card p{font-size:12px}.build-layout{grid-template-columns:1fr;gap:40px}.build-section{padding-block:65px}.build-layout h2{font-size:60px}.parts-list{padding:20px 25px}.parts-list h3{font-size:17px}.parts-list p{font-size:12px}.parts-list .parts-footnote{font-size:10px}.guide-grid{gap:18px}.guide-art{height:150px}.guide-art>.icon{width:60px;height:60px}.art-tag{font-size:7px;bottom:12px;padding:3px 6px}.guide-number{font-size:7px}.guide-card h3{font-size:21px}.guide-card p{font-size:11px}.guide-card .text-link{font-size:10px;gap:8px}.faq-section{grid-template-columns:1fr;gap:35px;padding-top:0}.faq-section>div>p{display:none}.closing{margin-bottom:70px;padding:55px 20px}.closing h2{font-size:45px}footer{padding:40px 23px 20px}.footer-top{gap:20px;flex-wrap:wrap}.footer-top p{display:none}.footer-top>a:last-child{font-size:10px}.footer-links{grid-template-columns:repeat(3,1fr);gap:25px}.footer-note{grid-column:1/-1;padding-top:15px}.footer-bottom{flex-wrap:wrap;gap:15px}.footer-bottom>span:nth-child(2){order:3;width:100%}.article-heading{padding-top:45px}.article-heading h1{font-size:60px}.article-heading>p{font-size:16px}.article-body{width:calc(100% - 44px)}.guide-index{padding-bottom:65px}}
@media(max-width:520px){.hero-actions{gap:10px}.hero-actions .button{font-size:11px;padding:15px 17px;gap:15px}.hero-actions .quiet{padding-inline:0}.hero-proof{gap:18px;font-size:9px}.hero h1{font-size:clamp(43px,14.2vw,69px)}.scribble{width:240px}.pill{font-size:8px;margin-bottom:25px}.hero-sub{font-size:13px}.desktop{display:none}.hero-visual{padding:16px 10px 12px;border-radius:10px}.visual-label{font-size:7px;padding:0 4px}.live-tag{display:none}.visual-footer{font-size:6px;letter-spacing:0;padding-inline:4px}.sticker{font-size:10px;padding:10px 12px;bottom:45px}.sticker svg{width:25px;margin-left:6px}.hero-visual>img{margin-top:15px}.compatibility-strip .section-wrap>div{font-size:12px;gap:12px}.section-heading h2,h2{font-size:34px}.steps{grid-template-columns:1fr;gap:30px}.step-top{margin-bottom:17px}.step-top .icon{width:25px;height:25px}.steps h3{font-size:23px}.steps p{font-size:13px;max-width:none}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:330px;padding:28px}.feature-card>.icon{position:absolute;top:74px;right:30px;width:35px;height:35px}.feature-card h3{font-size:29px;max-width:85%}.feature-label{font-size:8px;margin-bottom:40px}.feature-card p{max-width:100%;font-size:13px}.feature-card .text-link{font-size:12px}.guide-grid{grid-template-columns:1fr;gap:35px}.guide-art{height:210px}.guide-art>.icon{width:80px;height:80px}.guide-number{font-size:9px}.guide-card h3{font-size:26px}.guide-card p{font-size:13px;max-width:none}.guide-card .text-link{font-size:12px}.art-tag{font-size:10px;padding:4px 10px;bottom:18px}.showcase-highlights{grid-template-columns:1fr;gap:22px}.showcase-highlights>div{display:flex;font-size:11px}.showcase-highlights .icon{margin:0}.showcase-highlights strong{font-size:13px}.screenshot-tabs button{font-size:9px}.screenshot-tabs .icon{display:none}.showcase-caption p{font-size:10px}.screenshot-button{border-radius:7px}.window-dots{font-size:6px;letter-spacing:3px}.browser-bar{font-size:8px}.build-layout h2{font-size:55px}.parts-list{padding:18px}.parts-list h3{font-size:15px}.parts-list p{font-size:10px}.closing h2{font-size:38px}.closing p{font-size:12px;max-width:270px;margin-inline:auto}.footer-links{gap:15px;font-size:10px}.footer-top .brand{font-size:24px}.footer-top>a:last-child{font-size:9px}.footer-top{gap:12px}.footer-links .eyebrow{font-size:7px}.article-heading h1{font-size:48px}.article-heading>p{font-size:15px}.article-body h2{font-size:27px}.article-body p,.article-body li{font-size:14px}.calculator{padding:23px}.calc-inputs{grid-template-columns:1fr;gap:14px}.not-found h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.hero-visual{transform:none}.hero-visual>img{mix-blend-mode:normal;border-radius:8px;margin:24px 0 32px}.sticker{bottom:-15px;right:-12px}@media(max-width:800px){.hero-visual>img{margin:15px 0 24px;max-height:none}.sticker{bottom:-12px;font-size:12px}}@media(max-width:520px){.sticker{font-size:10px}}
.hardware-section{padding:75px 0;background:#eaf0f8;border-block:1px solid #d5deeb}.hardware-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:50px}.hardware-grid article{border-top:1px solid #a8bbd5;padding-top:25px}.hardware-grid h3{font-size:30px;margin-bottom:20px}.hardware-grid p{font-size:14px;line-height:1.85;max-width:540px;margin-bottom:23px}.hardware-grid .eyebrow{font-size:9px}.hardware-note{font-size:11px;line-height:1.9;margin-top:35px;max-width:950px}.hardware-note a{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.hardware-grid{grid-template-columns:1fr;gap:35px}.hardware-section{padding:60px 0}.hardware-grid h3{font-size:28px}}