@font-face{font-family:inter variable;src:url(/fonts/inter-5.3.0-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:inter variable;src:url(/fonts/inter-5.3.0-latin-ext.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:light;interpolate-size:allow-keywords;--brand-95:#f0f5ff;--brand-90:#e0ecff;--brand-80:#bcd5ff;--brand-70:#91b8ff;--brand-60:#5e94fb;--brand:#2e6ee8;--brand-40:#1f55c4;--brand-30:#173f99;--brand-20:#122e6e;--ink:#0b1c45;--text:#101a2d;--muted:#54627c;--raised:#fff;--surface:#fbfcfe;--lowered:#f3f6fb;--line:#e4e9f2;--fill-quiet:#eef4ff;--fill:#dde9ff;--danger:#c62828;--gradient:linear-gradient(135deg, #2e6ee8, #1f55c4);--shadow:0 1px 2px rgb(16 38 84 / 0.06);--shadow-lift:0 14px 32px -12px rgb(16 38 84 / 0.18);--glow:0 10px 24px -8px rgb(46 110 232 / 0.45);--gap:clamp(1rem, 2vw, 1.5rem);--font:"Inter Variable", "Inter", ui-sans-serif, system-ui, sans-serif}@view-transition{navigation: auto; }*,::before,::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:none;text-size-adjust:none}body{margin:0;min-height:100dvh;display:grid;grid-template:auto 1fr auto/minmax(0,1fr);font:1rem/1.6 var(--font);color:var(--text);background:var(--surface);-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word;hyphens:auto;hyphenate-limit-chars:10 4 4}p,li,dd{text-wrap:pretty}img,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brand-60);outline-offset:3px;border-radius:6px}.icon{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}button .icon{pointer-events:none}.wrap{width:min(100% - clamp(2rem,5vw,4rem),80rem);margin-inline:auto}.wrap.narrow{max-width:56rem}.wrap.slim{max-width:36rem}.block-pad{padding-block:clamp(3rem,7vw,4.5rem)}.band{background:var(--lowered)}.muted{color:var(--muted)}.is-hidden{display:none!important}.ink{color:#fff;background:radial-gradient(60rem 30rem at 80% -10%,rgb(46 110 232/.25),transparent 60%),radial-gradient(40rem 24rem at 10% 110%,rgb(94 148 251/.15),transparent 60%),var(--ink)}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-size:.8rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}.lead{font-size:clamp(1.05rem,2vw,1.15rem);line-height:1.7;color:var(--muted)}.card{background:var(--raised);border:1px solid var(--line);border-radius:1.5rem;padding:clamp(1.4rem,3vw,2rem);box-shadow:var(--shadow)}.chip{display:inline-grid;place-items:center;width:2.6rem;aspect-ratio:1;border-radius:.8rem;background:var(--fill-quiet);color:var(--brand-40);font-size:1.15rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.9rem;padding:.7rem 1.5rem;border:0;border-radius:999px;background:var(--gradient);color:#fff;font-size:.9rem;font-weight:600;line-height:1.2;text-align:center;box-shadow:var(--glow);cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s,color .2s;&:hover{transform:translateY(-1px);box-shadow:0 14px 28px -8px rgb(46 110 232/.55)}&.solid{background:var(--brand);box-shadow:none;&:hover{background:var(--brand-40)}}&.quiet{background:var(--raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--line);&:hover{background:var(--lowered);transform:none}}&.light{background:#fff;color:var(--ink);box-shadow:none;&:hover{background:var(--brand-90)}}&.ghost{background:0 0;color:#fff;box-shadow:inset 0 0 0 1px rgb(255 255 255/.4);&:hover{background:#fff;color:var(--ink);transform:none}}&.small{min-height:2.4rem;padding:.45rem 1rem;font-size:.85rem}&:disabled, &[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--raised) 85%,transparent);backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--line);view-transition-name:site-header;> .wrap{display:flex;align-items:center;gap:1rem;min-height:4.1rem}}.brand{font-size:1.3rem;font-weight:700;letter-spacing:-.03em;color:var(--text);span{color:var(--brand)}}.primary-nav{display:none;align-items:center;gap:.25rem;margin-inline:auto;> a, .nav-toggle{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem .9rem;border:0;border-radius:999px;background:0 0;font-size:.875rem;font-weight:500;color:var(--muted);cursor:pointer;transition:background-color .2s,color .2s;&:hover, &:has(+ :popover-open){background:var(--lowered);color:var(--text)}&.active{background:var(--fill-quiet);color:var(--brand-40)}}.nav-toggle .icon{width:.95em;transition:rotate .2s}.nav-toggle:has(+ :popover-open) .icon{rotate:180deg}}.nav-dropdown,.mobile-menu{margin:.6rem 0 0;inset:auto;padding:.5rem;border:1px solid var(--line);border-radius:1.1rem;background:var(--raised);color:var(--text);box-shadow:var(--shadow-lift);opacity:0;translate:0 -.4rem;transition:opacity .2s,translate .2s,overlay .2s allow-discrete,display .2s allow-discrete;&:popover-open{display:grid;gap:.15rem;opacity:1;translate:0;@starting-style{opacity: 0; translate: 0 -0.4rem; }}a:not(.button){padding:.65rem .9rem;border-radius:.7rem;font-size:.9rem;font-weight:500;&:hover{background:var(--lowered)}&.active{background:var(--fill-quiet);color:var(--brand-40)}}}.nav-dropdown{position-area:bottom span-right;min-width:15rem}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;.button{min-height:2.5rem;padding:.5rem 1.1rem;font-size:.85rem}.button .icon{display:none}}.menu-button{anchor-name:--menu;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border:1px solid var(--line);border-radius:.8rem;background:var(--raised);color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer;&:hover{background:var(--lowered)}}.mobile-menu{position-anchor:--menu;position-area:bottom span-left;width:min(18rem,100vw - 2rem);p{padding:.75rem .9rem .25rem;font-size:.72rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}a:not(.top, .button){padding-left:1.4rem}.button{margin-top:.25rem;border-radius:.8rem}}@supports not (position-area:bottom){.mobile-menu{position:fixed;inset:4.5rem 1rem auto auto}.nav-dropdown{position:fixed;inset:4.5rem auto auto 50%;translate:-50% 0}}@media(width < 23rem){.header-actions>.button{display:none}}@media(width >= 64rem){.primary-nav{display:flex}.header-actions{margin-left:0;.button .icon{display:block}}.menu-button{display:none}}.hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(3rem,8vw,5rem)clamp(3rem,6vw,4rem);text-align:center;&::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(to right,rgb(11 28 69/.045) 1px,transparent 1px),linear-gradient(to bottom,rgb(11 28 69/.045) 1px,transparent 1px);background-size:2.5rem 2.5rem;mask-image:linear-gradient(to bottom,#000 55%,transparent)}&::after{content:"";position:absolute;top:-8rem;right:0;z-index:-1;width:24rem;aspect-ratio:1;border-radius:50%;background:var(--brand-80);opacity:.25;filter:blur(64px)}h1{max-width:48rem;margin:1.25rem auto 0;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:700;line-height:1.08;letter-spacing:-.035em}.lead{max-width:36rem;margin:1.25rem auto 0}&.compact{padding-bottom:2.5rem;h1{font-size:clamp(2.1rem,5vw,3rem)}.lead{max-width:42rem}}}.pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .9rem;border:1px solid var(--fill);border-radius:999px;background:var(--fill-quiet);color:var(--brand-30);font-size:.78rem;font-weight:600}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;.hero &, &.center{justify-content:center}}.ticks{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-top:2rem;padding:0;list-style:none;font-size:.875rem;color:var(--muted);li{display:inline-flex;align-items:center;gap:.45rem}.icon{color:var(--brand);stroke-width:2}}.intro{max-width:48rem;margin-bottom:2.5rem;h2{margin-top:.5rem;font-size:clamp(1.8rem,4vw,2.25rem);font-weight:700}p:not(.eyebrow){margin-top:.85rem;color:var(--muted)}&.center{margin-inline:auto;text-align:center}&.center h2{margin-top:0}.ink & p{color:rgb(255 255 255/.72)}&.split-head{max-width:none;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem 2rem;> div{max-width:48rem}}}.section-title{margin-bottom:2rem;text-align:center;font-size:clamp(1.7rem,4vw,2.25rem);font-weight:700}.modules{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;article{padding:1.5rem;border:1px solid rgb(255 255 255/.1);border-radius:1.1rem;background:rgb(255 255 255/5%);transition:background-color .2s,border-color .2s;&:hover{border-color:rgb(255 255 255/.25);background:rgb(255 255 255/.1)}}.chip{background:var(--gradient);color:#fff}h3{margin-top:1rem;font-size:1rem;font-weight:600;letter-spacing:-.01em}p{margin-top:.4rem;font-size:.875rem;line-height:1.65;color:rgb(255 255 255/.72)}}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:var(--gap)}.link-card{position:relative;display:flex;flex-direction:column;padding:1.6rem 1.75rem;border:1px solid var(--line);border-radius:1.1rem;background:var(--raised);box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s,border-color .2s; :is(h2, h3) { font-size: 1.2rem; font-weight: 600; letter-spacing: -0.015em; line-height: 1.3; } :is(h2, h3) a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; } p { margin-top: 0.75rem; flex: 1; font-size: 0.875rem; line-height: 1.65; color: var(--muted); } &:hover { transform: translateY(-2px); border-color: var(--brand-80); box-shadow: var(--shadow-lift); } &:hover :is(h2, h3) { color: var(--brand-40); } &:has(a:focus-visible) { outline: 3px solid var(--brand-60); outline-offset: 3px; } a:focus-visible { outline: none; }}.more{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.4rem;font-size:.875rem;font-weight:600;color:var(--brand-40);.icon{width:1em;transition:translate .2s}.link-card:hover & .icon{translate:.2rem}}.media-card{padding:0;overflow:hidden;> :not(img){margin-inline:1.5rem}> :last-child{margin-bottom:1.6rem}> img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--lowered);margin-bottom:1.25rem}&:not(:has(> img)) > h2{margin-top:1.6rem}h2{font-size:1.3rem}}.duo{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));> article{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(1.75rem,4vw,2.5rem);border-radius:1.5rem}h2{margin-top:1.25rem;font-size:clamp(1.5rem,3vw,1.9rem);font-weight:700}p{margin-top:.75rem;margin-bottom:1.5rem;flex:1;line-height:1.7;color:var(--muted)}.ink p{color:rgb(255 255 255/.72)}.ink .chip{background:rgb(255 255 255/.1);color:#fff}}.faq-list{display:grid;gap:.75rem;details{border:1px solid var(--line);border-radius:1.1rem;background:var(--raised);box-shadow:var(--shadow);&[open]{border-color:var(--brand-80)}}summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.5rem;font-weight:600;cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}.icon{color:var(--brand-40);transition:rotate .2s}}details[open] summary .icon{rotate:45deg}p{padding:0 1.5rem 1.25rem;font-size:.9rem;line-height:1.7;color:var(--muted)}}details{&::details-content{block-size:0;overflow:clip;transition:block-size .25s,content-visibility .25s allow-discrete}&[open]::details-content{block-size:auto}}.social{background:var(--brand-90)}.form{display:grid;gap:1rem;label{display:grid;gap:.4rem}label > span{font-size:.875rem;font-weight:600}.button{margin-top:.25rem;padding-block:.85rem}}:is(.form,.fields,.inline-form,.tool-output,.items) :is(input:not([type=checkbox]),select,textarea){width:100%;padding:.7rem .9rem;border:1px solid var(--line);border-radius:.75rem;background:#fff;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s;&:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--fill)}&::placeholder{color:#8a95a8}&:disabled{background:var(--lowered);color:var(--muted)}}.form :is(input,textarea){padding:.8rem 1rem;font-size:1rem}.contact-page{display:grid;gap:var(--gap);padding-bottom:clamp(3rem,7vw,4.5rem)}.signup-card{max-width:34rem;margin-inline:auto}.contact-grid{display:grid;gap:var(--gap);align-items:start;h2{font-size:1.5rem;font-weight:700}.muted{margin-block:.4rem 1.25rem}}@media(width >= 64rem){.contact-grid{grid-template-columns:minmax(0,.95fr)minmax(0,1.05fr)}}.contact-list{display:grid;gap:.75rem;> div{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:1rem}.chip{grid-row:span 9}dt{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}dd{font-weight:500;overflow-wrap:anywhere}a{color:var(--brand-40);&:hover{text-decoration:underline}}.num{font-variant-numeric:tabular-nums}}.faq-grid{h2{font-size:1.5rem;font-weight:700}> div{display:grid;gap:.75rem;margin-top:1.25rem}article{padding:1.25rem;border:1px solid var(--line);border-radius:1rem}h3{font-size:1rem;font-weight:600}p{margin-top:.5rem;font-size:.95rem;line-height:1.7;color:var(--muted)}@media(width >= 48rem){>div{grid-template-columns:1fr 1fr}}}.notice{padding:.8rem 1rem;text-align:center;font-size:.875rem;font-weight:600;line-height:1.5;a{text-decoration:underline;text-underline-offset:2px;&:hover{color:var(--brand-80)}}}.plans{display:grid;gap:1.25rem;margin-top:2.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));text-align:left;.card{display:flex;flex-direction:column;border-radius:1.1rem;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-2px);border-color:var(--brand-80);box-shadow:var(--shadow-lift)}.card > p:not([class]){margin-block:1rem 1.5rem;flex:1;font-size:.875rem;line-height:1.65;color:var(--muted)}.button{width:100%}}.plan-volume{font-size:.875rem;font-weight:600;color:var(--brand-40)}.plan-price{margin-top:.5rem;font-size:2.25rem;font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;span{margin-left:.25rem;font-size:1rem;font-weight:500;letter-spacing:0;color:var(--muted)}}.features{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));.card{padding:1.5rem;border-radius:1.1rem;transition:border-color .2s,box-shadow .2s;&:hover{border-color:var(--brand-80);box-shadow:var(--shadow-lift)}}h3{margin-top:.85rem;font-size:1.1rem;font-weight:600}p{margin-top:.5rem;font-size:.875rem;line-height:1.65;color:var(--muted)}}.included{.section-title{margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}> div{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}article{padding:1.25rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}h3{font-size:1.1rem;font-weight:600}p{margin-top:.5rem;font-size:.875rem;line-height:1.65;color:var(--muted)}a{font-weight:500;color:var(--brand-40);&:hover{text-decoration:underline}}}.page-head{padding-block:clamp(3rem,8vw,5rem)2rem;h1{font-size:clamp(2.25rem,5vw,3rem);font-weight:700}.lead{margin-top:1rem;max-width:46rem}}.section-list{padding-bottom:clamp(3rem,7vw,4.5rem)}.article{padding-block:clamp(3rem,8vw,5rem)clamp(2.5rem,6vw,4rem)}.article-head{padding-bottom:2rem;margin-bottom:2.5rem;border-bottom:1px solid var(--line);h1{font-size:clamp(2.1rem,5vw,3rem);font-weight:650}.lead{margin-top:1rem}}.updated{margin-top:2rem;font-size:.875rem;color:var(--muted)}.related{margin-top:3rem;padding:clamp(1.4rem,4vw,2rem);border:1px solid var(--line);border-radius:1.5rem;background:var(--lowered);box-shadow:var(--shadow);h2{margin-top:.4rem;font-size:1.5rem;font-weight:600}.eyebrow{font-size:.75rem;letter-spacing:.18em}}.related-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem}.related-grid{display:grid;gap:1rem;margin-top:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));.link-card{padding:1.25rem}h3{font-size:1.05rem}p{margin-top:.5rem}}.tool{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;padding-block:clamp(3rem,8vw,4.5rem)}.tool-head{h1{font-size:clamp(2.1rem,5vw,3rem);font-weight:700}.lead{margin-top:1rem}a{color:var(--brand-40);text-decoration:underline}}.panel{padding:clamp(1.15rem,3vw,1.5rem);border:1px solid var(--line);border-radius:1.1rem;background:var(--raised);box-shadow:var(--shadow);> h2{display:flex;align-items:center;gap:.5rem;margin-bottom:1.1rem;font-size:1.1rem;font-weight:600;letter-spacing:-.01em;.icon{color:var(--brand)}}}.panel-pair{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}.fields{display:grid;gap:.85rem;label, .field{display:grid;gap:.35rem;align-content:start}label > span, .field > label{font-size:.85rem;font-weight:500}&.panel{gap:1.25rem}}@media(width >= 40rem){.fields.two{grid-template-columns:1fr 1fr}.fields.three{grid-template-columns:repeat(3,1fr)}}.items-scroll{overflow-x:auto}.items{width:100%;min-width:40rem;border-collapse:collapse;font-size:.875rem;th{padding:.6rem .5rem;border-bottom:2px solid rgb(46 110 232/.15);text-align:left;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}th:nth-child(2){width:6rem}th:nth-child(3), th:nth-child(5){width:7.5rem}th:nth-child(4){width:5.5rem}th:last-child{width:3rem}td{padding:.45rem .35rem}tr + tr td{border-top:1px solid var(--line)}input{padding:.5rem .7rem;font-size:.875rem} :is(.qty, .price, .vat, .sub) { text-align: right; }}.del{display:inline-grid;place-items:center;width:2rem;height:2rem;padding:0;border:0;border-radius:.6rem;background:0 0;color:var(--muted);font-size:0;cursor:pointer;&::before{content:"";width:1rem;height:1rem;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E")center/contain no-repeat}&:hover{background:#fdecec;color:var(--danger)}}.add-row{display:inline-flex;align-items:center;gap:.4rem;margin-top:.85rem;padding:.5rem 1rem;border:1px dashed var(--line);border-radius:999px;background:0 0;color:var(--muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s;&:hover{border-color:var(--brand);color:var(--brand)}}.totals-panel{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem}.totals{display:grid;gap:.35rem;width:min(100%,20rem);font-size:.875rem;> div{display:flex;justify-content:space-between;gap:1rem;color:var(--muted)}dd{font-variant-numeric:tabular-nums;span{font-weight:500}}.grand{margin-top:.5rem;padding:.75rem 1rem;border-radius:.8rem;background:var(--fill-quiet);font-size:1rem;font-weight:600;dt{color:var(--text)}dd{color:var(--brand-30)}}}.tool-guide{display:grid;gap:1.25rem;align-items:start;margin-top:.5rem;.card{border-radius:1.1rem}h2{margin-top:.4rem;font-size:1.45rem;font-weight:600;color:var(--brand-20)}.card > p:not(.eyebrow){margin-top:.75rem;font-size:.875rem;line-height:1.7;color:var(--muted)}}@media(width >= 64rem){.tool-guide{grid-template-columns:1.15fr .85fr}}.checks{display:grid;gap:.85rem;margin-top:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));article{padding:1rem;border:1px solid var(--line);border-radius:.9rem}.icon{width:1.3rem;height:1.3rem;color:var(--brand)}h3{margin-top:.5rem;font-size:1rem;font-weight:600;color:var(--brand-20)}p{margin-top:.3rem;font-size:.85rem;line-height:1.6;color:var(--muted)}}.link-list{display:grid;gap:.75rem;margin-top:1.1rem;padding:0;list-style:none;font-size:.9rem;a{font-weight:600;color:var(--brand-40);&:hover{text-decoration:underline}}}.inline-form{display:flex;flex-wrap:wrap;gap:.75rem;input{width:8rem;font-variant-numeric:tabular-nums}}.tool-output{display:grid;gap:.6rem;margin-top:1.25rem;padding:1rem;border:1px solid var(--line);border-radius:.9rem;> label{font-size:.875rem;font-weight:500}textarea{font:.85rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.fields > &{margin-top:0}}.output-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;p{font-size:.875rem;font-weight:500;color:var(--muted)}}.ean-code-list{display:grid;gap:.5rem}.ean-code-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .5rem .45rem .85rem;border:1px solid var(--line);border-radius:.7rem}.ean-code{font:500 .9rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);letter-spacing:.04em}.field-note,.field-error{font-size:.875rem;color:var(--muted);&:empty{display:none}}.field-error{color:var(--danger)}.fields .checkbox{display:inline-flex;align-items:center;gap:.6rem;font-size:.9rem;input{width:1.1rem;height:1.1rem;margin:0;accent-color:var(--brand)}}.promo{font-size:.9rem;color:var(--muted);strong{color:var(--text)}a{font-weight:600;color:var(--brand-40);&:hover{text-decoration:underline}}}.tool>.prose{margin-top:1rem}.not-found{display:grid;place-items:center;padding-block:clamp(3rem,12vh,7rem);.card{max-width:36rem;text-align:center;padding:clamp(2rem,6vw,2.75rem)}h1{margin-top:1rem;font-size:clamp(1.8rem,4vw,2.25rem);font-weight:700}.lead{margin-block:1rem 2rem}.eyebrow{letter-spacing:.3em}}.site-footer{color:rgb(255 255 255/.85);font-size:.875rem;background:radial-gradient(60rem 30rem at 80% -10%,rgb(46 110 232/.25),transparent 60%),radial-gradient(40rem 24rem at 10% 110%,rgb(94 148 251/.15),transparent 60%),var(--ink);> .wrap{padding-block:3.5rem 2rem}h2{font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff}ul{display:grid;gap:.6rem;margin-top:1rem;padding:0;list-style:none}a{color:#fff;transition:color .2s;&:hover{color:var(--brand-70)}}}.footer-grid{display:grid;gap:2.5rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}.footer-about{grid-column:1/-1;max-width:28rem;p{margin-top:1rem;line-height:1.7}}@media(width >= 64rem){.footer-grid{grid-template-columns:2fr repeat(var(--groups,3),minmax(0,1fr))}.footer-about{grid-column:auto}}.footer-legal{display:grid;justify-items:center;gap:.75rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgb(255 255 255/.1);text-align:center;p{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1rem}p:first-child > * + *::before{content:"·";margin-right:.6rem;color:rgb(255 255 255/.5)}p:first-child{column-gap:.6rem}}.prose{font-size:1.0625rem;line-height:1.8;color:#3a4660;overflow-wrap:break-word;> * + *{margin-top:1.25em}> :first-child{margin-top:0} :is(h2, h3, h4) { color: var(--text); scroll-margin-top: 6rem; } h2 { margin-top: 2.2em; font-size: 1.6rem; line-height: 1.3; font-weight: 700; } h3 { margin-top: 1.8em; font-size: 1.25rem; line-height: 1.4; font-weight: 650; } h4 { margin-top: 1.6em; font-size: 1.05rem; font-weight: 650; } :is(h2, h3, h4) + * { margin-top: 0.75em; } a { color: var(--brand-40); font-weight: 500; text-decoration: underline; text-decoration-color: color-mix(in oklab, currentColor 30%, transparent); text-underline-offset: 3px; &:hover { text-decoration-color: currentColor; } } strong { color: var(--text); font-weight: 650; } :is(ul, ol) { padding-left: 1.5em; } li + li { margin-top: 0.5em; } li > :is(ul, ol) { margin-top: 0.5em; } li::marker { color: var(--brand-70); } ol > li::marker { font-weight: 600; color: var(--muted); } blockquote { margin-inline: 0; padding: 0.25em 0 0.25em 1.25em; border-left: 4px solid var(--brand); color: var(--text); font-style: italic; } hr { border: 0; border-top: 1px solid var(--line); margin-block: 3em; } code { padding: 0.15em 0.4em; border-radius: 0.4em; background: var(--lowered); font-size: 0.875em; } img { border-radius: 1rem; } figcaption { margin-top: 0.75em; font-size: 0.875rem; color: var(--muted); } .table-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 0.9rem; background: var(--raised); box-shadow: var(--shadow); } table { width: 100%; border-collapse: collapse; font-size: 0.92rem; line-height: 1.55; } th, td { min-width: 7rem; padding: 0.85rem 1rem; text-align: left; vertical-align: top; } th { background: var(--fill-quiet); color: var(--brand-20); font-weight: 600; border-bottom: 1px solid var(--fill); } tbody tr + tr td { border-top: 1px solid var(--line); } details { padding: 1rem 1.25rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--raised); } summary { cursor: pointer; font-weight: 600; color: var(--brand-40); } details[open] > summary { margin-bottom: 0.75rem; }}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::before,::after{transition:none!important;animation:none!important}@view-transition{navigation: none; }}