:root{color-scheme:light;interpolate-size:allow-keywords;--ink:#14253d;--muted:#53647b;--blue:#0054ca;--blue-bright:#006cff;--blue-dark:#0043a3;--blue-wash:#eaf1ff;--yellow:#ffc400;--night:#0e1a2b;--bg:#fff;--bg-low:#f5f7fb;--line:#dce4ef;--line-strong:#bfccdf;--shadow:0 1px 2px rgb(20 37 61 / 0.05), 0 16px 36px -20px rgb(20 37 61 / 0.28);--radius:0.85rem;--font:ui-sans-serif, system-ui, sans-serif}@view-transition{navigation: auto; }*,::before,::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;display:grid;grid-template:auto 1fr auto/minmax(0,1fr);font:1rem/1.6 var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:clip}main{grid-row:2}.site-footer{grid-row:3}h1,h2,h3,p,ul,ol,figure{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}p,li{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(--blue-bright);outline-offset:3px;border-radius:4px}.icon{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(100% - clamp(2.5rem,6vw,4rem),72rem);margin-inline:auto}.band{padding-block:clamp(3rem,7vw,4.5rem)}.band.tinted{background:var(--bg-low);border-block:1px solid var(--line)}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}.lead{font-size:1.125rem;line-height:1.75;color:var(--muted)}.section-title{font-size:clamp(1.65rem,3.5vw,2rem);font-weight:750}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.7rem 1.25rem;border:1px solid var(--blue);border-radius:.55rem;background:var(--blue);color:#fff;font-weight:650;line-height:1.2;cursor:pointer;transition:background .2s,border-color .2s,translate .2s;.icon{transition:translate .2s}&:hover{background:var(--blue-dark);border-color:var(--blue-dark);.icon{translate:.2rem}}&.ghost{background:#fff;border-color:var(--line-strong);color:var(--ink);&:hover{border-color:var(--blue);color:var(--blue)}}&.light{background:#fff;border-color:#fff;color:var(--ink);&:hover{background:var(--yellow);border-color:var(--yellow)}}&.dark{background:var(--night);border-color:var(--night);&:hover{background:var(--ink)}}}.text-link{display:inline-block;color:var(--blue);font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;&:hover{text-decoration-thickness:2px}}.chip{display:inline-grid;place-items:center;width:2.75rem;aspect-ratio:1;border-radius:.7rem;background:var(--blue-wash);color:var(--blue);.icon{width:1.4rem;height:1.4rem}}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.4rem,3.5vw,2rem);box-shadow:var(--shadow)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1.25rem;.section-title + &{margin-top:2rem}> .card{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:.85rem;box-shadow:none} :is(h2, h3) { font-size: 1.25rem; font-weight: 700; } p { font-size: 0.925rem; line-height: 1.7; color: var(--muted); }}.link-card{position:relative;transition:border-color .2s,background .2s,translate .2s; :is(h2, h3) a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; } &:hover { border-color: var(--blue); background: #f8faff; translate: 0 -2px; } &:has(a:focus-visible) { outline: 3px solid var(--blue-bright); outline-offset: 3px; } a:focus-visible { outline: none; }}.more{display:inline-flex;align-items:center;gap:.4rem;align-self:end;font-weight:650;color:var(--blue);.icon{transition:translate .2s}.link-card:hover & .icon{translate:.25rem}}.site-header{position:sticky;top:0;z-index:30;background:rgb(255 255 255/.92);backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid var(--line);view-transition-name:site-header;> .wrap{display:flex;align-items:center;gap:1.5rem;min-height:4.5rem}}.brand{color:var(--blue);font-size:1.85rem;font-weight:900;letter-spacing:-.04em;line-height:1;span{color:#dba900}}.primary-nav{display:none;gap:.25rem;margin-left:auto;a{padding:.5rem .8rem;border-radius:.5rem;font-size:.9rem;font-weight:600;transition:background .2s,color .2s;&:hover{color:var(--blue);background:var(--bg-low)}}}.header-cta{display:none;min-height:2.75rem;font-size:.9rem}.menu-button{anchor-name:--menu;display:inline-flex;align-items:center;gap:.45rem;margin-left:auto;padding:.6rem .95rem;border:1px solid var(--line-strong);border-radius:.55rem;background:#fff;font-size:.9rem;font-weight:650;cursor:pointer;&:hover{border-color:var(--blue);color:var(--blue)}}.mobile-menu{position-anchor:--menu;position-area:bottom span-left;margin:.6rem 0 0;inset:auto;width:min(17rem,100vw - 2rem);padding:.6rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);box-shadow:0 24px 48px -20px rgb(20 37 61/.35);opacity:0;translate:0 -.5rem;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.5rem; }}a:not(.button){padding:.75rem .9rem;border-radius:.5rem;font-weight:600;&:hover{background:var(--bg-low)}}.button{margin-top:.4rem}}@media(width >= 36rem){.header-cta{display:inline-flex;margin-left:auto}.menu-button{margin-left:0}}@media(width >= 52rem){.primary-nav{display:flex}.header-cta{margin-left:0}.menu-button{display:none}}.hero{padding-block:clamp(2rem,5vw,4rem);background:linear-gradient(180deg,var(--bg-low),#fff);border-bottom:1px solid var(--line);h1{margin-top:1.25rem;font-size:clamp(2.4rem,6vw,3.75rem);font-weight:750;letter-spacing:-.04em;line-height:1.05}.lead{max-width:36rem;margin-top:1.5rem}}.hero-grid{display:grid;gap:clamp(2.5rem,6vw,4rem);align-items:start;@media(width >= 52rem){grid-template-columns: minmax(0,1.15fr) minmax(0,0.85fr);}}.margin-checks{display:grid;gap:2rem;margin-top:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));article{display:grid;grid-template-rows:auto auto 1fr auto;gap:.9rem;padding-top:1.25rem;border-top:3px solid var(--blue)}span{color:var(--blue);font-size:.8rem;font-weight:750}h3{font-size:1.3rem}p{color:var(--muted)}a{justify-self:start}}.split{display:grid;gap:2.5rem;align-items:center;@media(width >= 60rem){grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 3rem;}.section-title{margin-top:.75rem}.lead{margin-top:1.25rem;font-size:1.05rem}.text-link{margin-top:1.25rem}}.panel-dark{padding:clamp(1.6rem,4vw,2.25rem);border-radius:var(--radius);background:var(--ink);color:#fff;.chip{background:rgb(255 255 255/.1);color:var(--yellow);margin-bottom:1rem} :is(h2, h3) { font-size: 1.4rem; font-weight: 700; } p { margin-top: 0.85rem; max-width: 40rem; line-height: 1.75; color: #d5deea; } .button { margin-top: 1.5rem; }}.callout{display:grid;gap:.5rem 2rem;align-items:center;margin-bottom:clamp(3rem,7vw,4.5rem);@media(width >= 52rem){grid-template-columns: 1fr auto; .button{margin-top:0}}}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:2rem;margin-top:2rem;> div{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:.75rem;align-items:start}h3{font-size:1.15rem;font-weight:700}p{line-height:1.7;color:var(--muted)}.text-link{align-self:end;justify-self:start}}.offer{p + p, p + .text-link{margin-top:1rem}background:var(--bg-low);border-top:6px solid var(--yellow);.offer-title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:750;letter-spacing:-.03em;line-height:1.15}.lead{margin-block:1.25rem 1.75rem;color:#33445a}}.enquiry-card{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--line-strong);border-top:5px solid var(--blue);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);scroll-margin-top:6rem;h2{font-size:1.5rem}> p{margin-top:.75rem;color:var(--muted);font-size:.95rem}}.demo-form{display:grid;gap:.6rem;margin-top:1.25rem;label{font-size:.9rem;font-weight:650}input, textarea{width:100%;min-width:0;padding:.7rem .85rem;border:1px solid var(--line-strong);border-radius:.4rem;background:#fff;font:inherit}input{min-height:2.8rem}textarea{resize:vertical;min-height:5rem}button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;margin-top:.35rem;padding:.6rem 1rem;border:0;border-radius:.4rem;background:var(--blue);color:#fff;font:inherit;font-weight:750;cursor:pointer;&:hover{background:var(--blue-dark)}}.form-note{color:var(--muted);font-size:.78rem;line-height:1.6;a{text-decoration:underline;text-underline-offset:.2em}}}.contact-details{margin-block:.4rem;summary{color:var(--blue);cursor:pointer;font-size:.85rem}label{display:block;margin-block:.75rem .3rem}}.hero-benefits{display:grid;gap:.5rem;margin-top:1.5rem;padding-left:1.2rem;font-size:.95rem;li::marker{color:var(--blue)}}.hero-copy{min-width:0}.sales-faq{max-width:52rem;h2{margin-bottom:1.5rem}details{padding-block:1.1rem;border-top:1px solid var(--line)}summary{font-weight:700;cursor:pointer}p{margin-top:.8rem;color:var(--muted)}a{color:var(--blue);text-decoration:underline;text-underline-offset:.2em}}button:disabled{opacity:.7;cursor:not-allowed}.page-hero{padding-block:clamp(3rem,7vw,4.5rem);background:var(--bg-low);border-bottom:1px solid var(--line);h1{max-width:46rem;margin-top:1rem;font-size:clamp(2.2rem,5vw,3rem);font-weight:750;letter-spacing:-.035em}.lead{max-width:46rem;margin-top:1.25rem}}.guide-steps{display:grid;gap:2.5rem;padding:0;list-style:none;counter-reset:step;@media(width >= 60rem){grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem;}> li{counter-increment:step}h2{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;&::before{content:counter(step);display:grid;place-items:center;width:2rem;aspect-ratio:1;border-radius:50%;background:var(--yellow);font-size:.95rem}}p{margin-top:.6rem;font-size:.925rem;color:var(--muted)}ul{margin-top:1.25rem;padding:0;list-style:none;border-top:1px solid var(--line)}ul li{border-bottom:1px solid var(--line)}ul a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:.95rem;color:var(--blue);font-weight:600;.icon{transition:translate .2s}&:hover{text-decoration:underline;text-underline-offset:.25em;.icon{translate:.2rem}}}}.intro{margin-top:1rem;color:var(--muted)}.guide-list{display:grid;column-gap:3rem;margin-top:1.75rem;padding:0;list-style:none;@media(width >= 48rem){grid-template-columns: repeat(2,minmax(0,1fr));}li{padding-block:1.2rem;border-bottom:1px solid var(--line)}a{color:var(--blue);font-weight:650;&:hover{text-decoration:underline;text-underline-offset:.25em}}p{margin-top:.4rem;font-size:.9rem;line-height:1.7;color:var(--muted)}}.article{max-width:48rem;padding-block:clamp(2.5rem,6vw,4rem)}.back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--blue);font-size:.9rem;font-weight:650;&::before{content:"←"}&:hover{text-decoration:underline;text-underline-offset:.25em}}.article-head{margin-top:1.75rem;padding-bottom:2rem;border-bottom:1px solid var(--line);h1{max-width:23ch;font-size:clamp(2rem,6vw,3rem);font-weight:750;letter-spacing:-.035em;line-height:1.12}.lead{max-width:66ch;margin-top:1.25rem}}.editorial-toc{margin-top:1.5rem;padding:.9rem 0;border-bottom:1px solid var(--line);font-size:.9rem;summary{cursor:pointer;font-weight:650;color:var(--ink)}ul{margin:.6rem 0 .25rem;padding-left:1.25rem}li{margin-block:.2rem}a{color:var(--blue);text-decoration:underline;text-underline-offset:.2em}}.prose{margin-top:2rem;font-size:1.0625rem;line-height:1.8;overflow-wrap:break-word;> * + *{margin-top:1.25em}p, li{max-width:72ch}h2{margin-top:2.4em;margin-bottom:-.25em;font-size:clamp(1.4rem,3vw,1.65rem);font-weight:700;line-height:1.25}h3{margin-top:1.9em;margin-bottom:-.4em;font-size:1.2rem;font-weight:700;line-height:1.35} :is(ul, ol) { padding-left: 1.4rem; } li { margin-block: 0.45em; } li::marker { color: var(--blue); } strong { font-weight: 700; } a:not([class]) { color: var(--blue); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em; &:hover { text-decoration-thickness: 2px; } } blockquote { margin-inline: 0; padding: 1rem 1.25rem; border-left: 3px solid var(--blue); background: var(--bg-low); } img { margin-inline: auto; border-radius: var(--radius); } hr { border: 0; border-top: 1px solid var(--line); } code { padding: 0.1em 0.35em; border-radius: 0.3rem; background: var(--bg-low); font-size: 0.9em; } .button { text-decoration: none; }}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);.prose &{margin-block:2rem}table{width:100%;border-collapse:collapse;font-size:.925rem;line-height:1.55}th, td{padding:.8rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:8rem}th{background:var(--bg-low);color:var(--blue);font-weight:700}tbody tr:last-child td{border-bottom:0}}.editorial-answer{padding:1.35rem 1.5rem;border:1px solid #c9d8f2;border-left:4px solid var(--blue);border-radius:var(--radius);background:var(--blue-wash);.editorial-answer-title{font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}p{margin-top:.4rem;line-height:1.7}}.workflow-figure{img{width:100%;height:auto}@media(width <= 600px){max-width: 23rem; margin-inline: auto; img{aspect-ratio:360/676}}}.editorial-next{margin-top:3rem;padding-top:1.75rem;border-top:1px solid var(--line);h2{margin:0 0 1.25rem;font-size:1.35rem}}.editorial-next-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.prose .editorial-next-card{display:grid;align-content:start;gap:.5rem;padding:1.15rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-low);color:var(--ink);text-decoration:none;transition:border-color .2s,background .2s;&:hover{border-color:var(--blue);background:#fff}}.editorial-next-title{font-weight:700;line-height:1.45;> span{color:var(--blue);white-space:nowrap}}.editorial-next-why{font-size:.9rem;line-height:1.6;color:var(--muted)}.reviewed{margin-top:2.5rem;font-size:.875rem;color:var(--muted)}.tool-hero{position:relative;padding-block:clamp(3rem,7vw,4.5rem);background:var(--bg-low);border-bottom:1px solid var(--line);overflow:clip;h1{margin-top:1rem;font-size:clamp(2.2rem,5vw,3.25rem);font-weight:800;letter-spacing:-.035em}.tool-summary{margin-top:1rem;color:var(--blue);font-size:clamp(1.2rem,2.5vw,1.45rem);font-weight:700;line-height:1.35}.lead{margin-top:1.25rem;font-size:1rem}}.tile-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem;border:1px solid var(--ink);border-radius:var(--radius);background:#fff;box-shadow:12px 12px 0 var(--yellow)}.tile{padding:clamp(1rem,3vw,1.35rem);border-radius:.6rem;background:var(--bg-low);border:1px solid var(--line);.icon{width:2.25rem;height:2.25rem;color:var(--blue)}.tile-title{margin-top:1rem;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:900;line-height:1;text-transform:uppercase}h3{margin-top:.9rem;font-size:.9rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;hyphens:manual}p:not(.tile-title){margin-top:.45rem;font-size:.85rem;font-weight:600;line-height:1.5;color:var(--muted)}&.blue{background:var(--blue-bright);border-color:var(--blue-bright);color:#fff;.icon{color:#fff}p:not(.tile-title){color:rgb(255 255 255/.88)}}&.yellow{background:var(--yellow);border-color:var(--yellow);.icon{color:var(--ink)}p:not(.tile-title){color:var(--ink)}}&.outline{background:#fff;border-color:var(--ink)}}.grid-paper{background-color:#fff;background-image:linear-gradient(90deg,rgb(0 108 255/7%) 1px,transparent 1px),linear-gradient(rgb(0 108 255/7%) 1px,transparent 1px);background-size:18px 18px}.tool-grid{display:grid;gap:2.5rem;align-items:start;@media(width >= 60rem){grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2.5rem;}&.export{@media(width >= 60rem){grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);}}.tinted &{align-items:center;@media(width >= 60rem){grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr);}}.button{margin-top:1.5rem}}.tool-card{display:grid;gap:1rem;padding:clamp(1.35rem,3.5vw,2rem);border:1px solid var(--ink);border-radius:var(--radius);background:#fff;box-shadow:10px 10px 0 var(--yellow);&.blue-shadow{box-shadow:10px 10px 0 var(--blue-bright)}> p:not(.eyebrow){font-size:.95rem;line-height:1.75;color:#33445a}.button{justify-self:start;margin-top:.5rem}}.tool-card-head{display:flex;justify-content:space-between;gap:1rem;h2{margin-top:.6rem;font-size:clamp(1.5rem,3vw,1.85rem);font-weight:850;text-transform:uppercase}.icon{width:2.5rem;height:2.5rem;color:var(--blue-bright)}}.tool-aside-title{margin-top:.4rem;font-size:clamp(1.75rem,3.5vw,2.4rem);font-weight:850;letter-spacing:-.02em;text-transform:uppercase}.fields{display:grid;gap:1rem;@media(width >= 36rem){grid-template-columns: repeat(2,minmax(0,1fr)); &.three{grid-template-columns:repeat(3,minmax(0,1fr))}}label{display:grid;grid-template-rows:subgrid;grid-row:span 2;gap:.45rem;font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;align-items:end}.wide{grid-column:1/-1}input{width:100%;min-height:3rem;padding:.5rem .8rem;border:1px solid var(--ink);border-radius:.45rem;background:var(--bg-low);font-size:1rem;font-weight:700;letter-spacing:0;text-transform:none;&:focus-visible{outline:4px solid var(--yellow);outline-offset:0;background:#fff}}}.source{font-size:.875rem;a{color:var(--blue);text-decoration:underline;text-underline-offset:.2em}}.result{display:grid;gap:.4rem;padding:1.35rem;border-radius:.6rem;font-size:.875rem;font-weight:600;line-height:1.55;&.blue{background:var(--blue-bright);color:#fff}&.yellow{background:var(--yellow);color:var(--ink)}small{margin-top:.3rem;font-size:.78rem;font-weight:500;opacity:.9}}.result-label{font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.result-value{font-size:clamp(2rem,5vw,2.5rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tile-row{display:grid;gap:.85rem;margin-top:.5rem;@media(width >= 36rem){grid-template-columns: repeat(2,minmax(0,1fr)); &.three{grid-template-columns:repeat(3,minmax(0,1fr))}}}.checks{display:grid;gap:.85rem;margin-top:.5rem;> div{padding:1.1rem 1.25rem;border-left:4px solid var(--blue-bright);border-radius:0 .5rem .5rem 0;background:var(--bg-low)}h3{font-size:.95rem;font-weight:800;text-transform:uppercase}p{margin-top:.4rem;font-size:.875rem;color:var(--muted)}}.export{.lead{margin-top:1.25rem;font-size:1rem}}.export-sheet{border:1px solid var(--ink);border-radius:var(--radius);background:#fff;box-shadow:12px 12px 0 var(--yellow);overflow:hidden;figcaption{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--night);color:#fff;font-size:1.1rem;font-weight:800;span{display:grid}small{color:rgb(255 255 255/.7);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.icon{width:2rem;height:2rem;color:var(--yellow)}}.table-scroll{border:0;border-radius:0}table{min-width:48rem}th{background:var(--blue-bright);color:#fff;text-transform:uppercase;font-size:.8rem;letter-spacing:.04em}th, td{min-width:0}}.print-sheet{max-width:70rem;padding-block:2rem;color:#172334;font-size:.95rem;h1{margin-top:1rem;font-size:1.9rem;font-weight:750}> p{max-width:85ch;margin-top:.5rem}.table-scroll{border-radius:0;border:0}table{min-width:52rem;font-size:.75rem}th, td{min-width:0;border:1px solid #8994a3;padding:.5rem}th{background:#edf3fb;color:var(--ink)}td{height:3.1rem}tbody tr:last-child td{border-bottom:1px solid #8994a3}}.sheet-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-block:1.5rem;div{min-height:2.4rem;border-bottom:1px solid #8994a3}}.sheet-note{margin-top:1.25rem;font-size:.75rem}@media print{@page{size:A4 landscape;margin:12mm}body{display:block;min-height:0;background:#fff}:is(.site-header,.site-footer,.screen-only){display:none}.print-sheet{width:auto;max-width:none;padding:0;font-size:12px}.print-sheet h1{margin-top:0;font-size:24px}.print-sheet table{min-width:0}.print-sheet td{height:32px}.print-sheet .table-scroll{overflow:visible}.sheet-fields{margin-block:10px;gap:10px;div{min-height:30px}}.sheet-note{font-size:10px}}.not-found{display:grid;justify-items:start;gap:1rem;max-width:40rem;padding-block:clamp(4rem,12vw,7rem);> .icon{width:3rem;height:3rem;padding:.6rem;border-radius:.8rem;background:var(--yellow);color:var(--ink)}h1{font-size:clamp(2.25rem,6vw,3.25rem);font-weight:800;letter-spacing:-.04em}.actions{margin-top:.75rem}}.site-footer{border-top:8px solid var(--yellow);background:var(--night);color:#fff;> .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:2.5rem;padding-block:3.5rem 2rem}.brand{color:#fff}.footer-about p{margin-top:1rem;max-width:24rem;font-size:.9rem;line-height:1.7;color:rgb(255 255 255/.75)}h2{font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}ul{display:grid;gap:.5rem;margin-top:1rem;padding:0;list-style:none;font-size:.9rem}a{color:rgb(255 255 255/.78);transition:color .2s;&:hover{color:var(--yellow)}}.brand:hover{color:#fff} :focus-visible { outline-color: var(--yellow); }}.footer-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.5rem;padding-top:1.5rem;border-top:1px solid rgb(255 255 255/.18);font-size:.875rem;color:rgb(255 255 255/.7);a{display:inline-flex;align-items:center;gap:.45rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::before,::after{transition:none!important;animation:none!important}@view-transition{navigation: none; }}@keyframes form-submit-guard-spin{to{rotate:1turn}}.form-submit-guard-spinner{box-sizing:border-box;display:inline-block;flex:none;width:1em;height:1em;margin-right:.5em;border:.14em solid;border-right-color:transparent;border-radius:50%;vertical-align:-.125em;animation:form-submit-guard-spin .65s linear infinite}.sector-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.75rem 2rem;padding-block:1.25rem;border-bottom:1px solid var(--line);a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-block:.5rem;font-weight:650;color:var(--blue)}a:hover{text-decoration:underline;text-underline-offset:.2em}}