.feature-page{--feature-bg: #050505;--feature-paper: #f4f2ec;--feature-yellow: #f7c900;--feature-line: rgba(244, 242, 236, .18);color:var(--feature-paper);background:var(--feature-bg)}.feature-main{position:relative;isolation:isolate;padding-top:82px;overflow:clip}.feature-wrap{width:min(100% - 2 * var(--gutter),1320px);margin-inline:auto}.feature-back{display:inline-flex;align-items:center;min-height:48px;margin-top:35px;color:#f4f2ec9e;font-size:13px;transition:color .25s}.feature-back:hover{color:var(--feature-yellow)}.feature-breadcrumb{display:flex;min-height:48px;align-items:center;margin:35px 0 0;color:#f4f2ec9e;font-size:11px}.feature-hero{max-width:1120px;padding:clamp(56px,10vw,132px) 0 clamp(56px,8vw,100px)}.feature-kicker{display:block;margin-bottom:28px;color:var(--feature-yellow)}.feature-hero h1{max-width:12ch;margin:0 0 30px;font-size:clamp(3.1rem,9.2vw,9rem);line-height:.88;letter-spacing:-.065em}.feature-lede{max-width:58ch;margin:0;color:#f4f2ecad;font-size:clamp(18px,2vw,23px);line-height:1.45}.feature-stage{position:relative;margin:0 0 clamp(80px,12vw,160px)}.feature-points{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 clamp(100px,14vw,180px);padding:0;border-top:1px solid var(--feature-line);list-style:none}.feature-points li{display:grid;grid-template-columns:36px 1fr;gap:18px;padding:22px 24px 18px 0;border-bottom:1px solid var(--feature-line)}.feature-points li+li{padding-left:24px;border-left:1px solid var(--feature-line)}.feature-points li span{color:var(--feature-yellow)}.feature-points p{max-width:34ch;margin:0;color:#f4f2ecbf;font-size:15px;line-height:1.5}.feature-faq{display:grid;grid-template-columns:.55fr 1fr;gap:clamp(34px,8vw,120px);padding:50px 0 90px;border-top:1px solid var(--feature-line)}.feature-faq-heading>span{color:var(--feature-yellow)}.feature-faq-heading h2{margin:18px 0;font-size:clamp(42px,6vw,82px)}.feature-faq-list{border-top:1px solid var(--feature-line)}.feature-faq-item{border-bottom:1px solid var(--feature-line)}.feature-faq-item>button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;border:0;background:transparent;color:inherit;text-align:left;font:500 clamp(17px,2vw,23px)/1.25 var(--app-font-sans);cursor:pointer}.feature-faq-mark{color:var(--feature-yellow);font:24px var(--app-font-mono)}.feature-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s var(--ease-out)}.feature-faq-answer.is-open{grid-template-rows:1fr}.feature-faq-answer p{overflow:hidden;margin:0;color:#f4f2eca6;line-height:1.6}.feature-faq-answer.is-open p{padding:0 48px 24px 0}.feature-next{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid var(--feature-line)}.feature-next>span{color:var(--feature-yellow)}.feature-next a,.feature-pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid rgba(244,242,236,.3);border-radius:999px;padding:0 20px;background:transparent;color:var(--feature-paper);font:500 14px/1 var(--app-font-sans);transition:color .2s ease,background-color .2s ease,border-color .2s ease;cursor:pointer}.feature-next a:hover,.feature-pill:hover,.feature-pill:focus-visible{border-color:var(--feature-yellow);background:var(--feature-yellow);color:#050505}.feature-related{display:flex;gap:26px;padding:20px 0 80px;color:#f4f2ec99;font-size:13px}.feature-related a:hover{color:var(--feature-yellow)}.feature-faq button:focus-visible,.feature-stage button:focus-visible,.feature-stage input:focus-visible,.feature-stage a:focus-visible,.feature-back:focus-visible,.feature-next a:focus-visible{outline:2px solid var(--feature-yellow);outline-offset:4px}.feature-stage [contenteditable=true]:focus-visible{outline:2px solid var(--feature-yellow);outline-offset:4px}.design-compare{--split: 50%;position:relative;display:grid;grid-template-columns:1fr 1fr;height:clamp(300px,45vw,610px);overflow:hidden;border:1px solid var(--feature-line);background:#0c0c0b}.design-example{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(22px,6vw,80px);overflow:hidden}.design-example.standard{right:auto;width:var(--split);background:#d4d2cb;color:#585753;filter:grayscale(1)}.design-example.tailored{left:var(--split);width:calc(100% - var(--split));background:#161714;color:var(--feature-paper)}.design-example small,.design-example b,.design-example span,.design-example p,.design-example button{position:relative;z-index:1}.design-example small{margin-bottom:28px;font:10px var(--app-font-mono)}.design-example b{font-size:clamp(13px,2vw,22px);letter-spacing:.1em}.design-example>span:not(.design-example-cta){margin:26px 0 10px;font-size:clamp(26px,5vw,68px);line-height:.95;letter-spacing:-.06em}.design-example p{max-width:28ch;color:#f4f2eca6}.design-example>i{display:block;width:42%;height:5px;margin:6px 0;background:currentColor;opacity:.2}.design-example.standard>i{width:54%}.design-example-cta{display:inline-flex;align-items:center;min-height:40px;margin-top:14px!important;border:1px solid currentColor;border-radius:99px;padding:0 16px;font:12px var(--app-font-sans)!important}.design-example.tailored .design-example-cta{border-color:var(--feature-yellow);background:var(--feature-yellow);color:#050505}.design-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--split);width:2px;background:var(--feature-yellow);pointer-events:none}.design-slider-label{display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:center;gap:20px;max-width:500px;margin:20px auto 0;color:#f4f2eca8;font-size:13px}.design-slider-label input,.screen-resize input,.type-specimen input[type=range],.manual-content input{width:100%;accent-color:var(--feature-yellow)}.design-caption{display:flex;justify-content:space-between;margin-top:10px;color:#f4f2ec78;font:10px var(--app-font-mono);text-transform:uppercase}.design-caption span:nth-child(2){color:var(--feature-yellow)}.design-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center;margin-top:clamp(80px,12vw,160px)}.design-story-copy>span{color:var(--feature-yellow)}.design-story-copy h2{max-width:13ch;margin:25px 0;font-size:clamp(38px,6vw,78px);line-height:.98}.design-story-copy p{max-width:42ch;color:#f4f2eca6}.design-stage-tabs{display:grid;margin-top:32px;border-top:1px solid var(--feature-line)}.design-stage-tabs button{min-height:48px;border:0;border-bottom:1px solid var(--feature-line);background:transparent;color:#f4f2ec8f;text-align:left;cursor:pointer}.design-stage-tabs button{min-height:clamp(110px,18vh,190px);display:flex;align-items:center;gap:18px;font-size:clamp(16px,2.1vw,23px)}.design-stage-tabs button span{color:var(--feature-yellow);font:10px var(--app-font-mono)}.design-stage-tabs button[aria-pressed=true]{color:var(--feature-yellow)}.design-story-art{position:relative;display:flex;min-height:360px;flex-direction:column;justify-content:space-between;padding:36px;overflow:hidden;background:#d5cdb9;color:#18231c}.design-story-art{position:sticky;top:110px;align-self:start}.design-story-art>span{font:14px var(--app-font-mono);letter-spacing:.14em}.design-story-art b{font-size:clamp(36px,6vw,80px);line-height:.9;letter-spacing:-.06em}.design-story-art i{position:absolute;top:22%;right:10%;width:30%;aspect-ratio:1;border-radius:50%;background:#76816c}.design-story-1{background:#817365;color:#fff8e6}.design-story-1 i{border-radius:4px;transform:rotate(22deg);background:#c9a76a}.design-story-2{background:#343c34;color:#f4f2ec}.design-story-2 i{width:42%;height:55%;border-radius:0;background:repeating-linear-gradient(90deg,#69745f 0 12%,transparent 12% 15%)}.design-story-art small{align-self:flex-end;font:10px var(--app-font-mono)}.screen-stage{padding:34px 0;border-block:1px solid var(--feature-line)}.screen-controls{display:flex;justify-content:center;gap:8px}.screen-controls button,.logo-controls button,.files-use button{min-height:42px;border:1px solid var(--feature-line);border-radius:99px;padding:0 17px;background:transparent;color:var(--feature-paper);cursor:pointer}.screen-controls button[aria-pressed=true],.logo-controls button[aria-pressed=true],.files-use button[aria-pressed=true]{border-color:var(--feature-yellow);background:var(--feature-yellow);color:#050505}.screen-ruler{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px auto 12px;color:#f4f2ec80;font:10px var(--app-font-mono)}.screen-ruler i{width:clamp(35px,12vw,170px);height:1px;background:var(--feature-line)}.screen-device{container-type:inline-size;width:min(var(--device-width),100%);min-height:300px;margin:0 auto;padding:10px;border:1px solid rgba(244,242,236,.46);border-radius:18px;background:#141414;transition:width .45s var(--ease-out)}.device-0{width:min(310px,100%);border-radius:28px}.device-1{width:min(440px,100%)}.screen-mini{min-height:278px;padding:22px;background:#e6e3d9;color:#24251e}.screen-mini header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.screen-mini header nav{display:block;font-size:9px}.screen-mini header>span{display:none}.screen-mini header>span i{display:block;width:16px;height:1px;margin:4px;background:currentColor}.screen-mini-hero{position:relative;padding-top:34px}.screen-mini-hero small{font:9px var(--app-font-mono)}.screen-mini-hero h3{max-width:10ch;margin:15px 0 8px;font-size:clamp(25px,9cqi,62px);line-height:.92}.screen-mini-hero p{font-size:12px}.screen-mini-hero a{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:40px;border:0;border-radius:99px;padding:0 18px;background:var(--feature-yellow);color:#050505;font-size:12px}.screen-illustration{position:absolute;right:0;bottom:0;width:33%;height:62%;background:#909079}.screen-illustration i{position:absolute;inset:15% 18%;background:#c1b496}.screen-illustration b{position:absolute;right:9%;bottom:0;width:25%;height:50%;background:#4b5549}.device-0 .screen-mini header nav,.device-1 .screen-mini header nav{display:none}.device-0 .screen-mini header>span,.device-1 .screen-mini header>span{display:block}.device-0 .screen-mini-hero,.device-1 .screen-mini-hero{padding-top:26px}.device-0 .screen-illustration{position:relative;width:100%;height:100px;margin-top:18px}.device-0 .screen-mini-hero a{width:100%;justify-content:center}.screen-resize{display:grid;width:min(500px,100%);grid-template-columns:auto 1fr;align-items:center;gap:18px;margin:20px auto 0;color:#f4f2ec99;font-size:12px}.button-comparison{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:440px;border-block:1px solid var(--feature-line)}.button-demo{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:clamp(24px,6vw,76px)}.button-demo+.button-demo{border-left:1px solid var(--feature-line)}.button-demo>span{color:var(--feature-yellow)}.button-demo h2{max-width:12ch;margin:15px 0 20px;font-size:clamp(30px,4vw,55px)}.button-demo button,.button-demo a{display:inline-flex;align-items:center;min-height:55px;padding:0 22px;border:1px solid var(--feature-line);border-radius:99px;background:transparent;color:var(--feature-paper);text-decoration:none;cursor:pointer}.unclear button{width:100%;color:#f4f2ec87}.clear a:first-of-type{border-color:var(--feature-yellow);background:var(--feature-yellow);color:#050505}.clear button{color:#f4f2ecb8}.button-eye-path{position:absolute;inset:22% 5%;width:90%;height:60%;overflow:visible;pointer-events:none}.button-eye-path path{fill:none;stroke:var(--feature-yellow);stroke-width:3;stroke-dasharray:1000;stroke-dashoffset:1000;opacity:0}.is-traced .button-eye-path path{opacity:1;animation:feature-draw 2.2s ease forwards}.button-trace{margin:20px 0}.magnetic-button{margin:12px 0 24px;background:var(--feature-yellow);border-color:var(--feature-yellow);color:#050505;transition:transform .16s ease-out,background-color .2s ease,color .2s ease}.button-copy-examples{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:24px 0;border-top:1px solid var(--feature-line)}.button-copy-examples span{color:#f4f2ec7a}.button-copy-examples b{font-size:18px}.button-copy-examples s{color:#f4f2ec59}.button-mobile-sticky{display:none}.inbox-flow{position:relative;display:grid;grid-template-columns:1fr .7fr 1fr;align-items:center;gap:20px;min-height:450px}.inbox-form,.inbox-mail{position:relative;z-index:1;padding:clamp(20px,4vw,44px);border:1px solid var(--feature-line);background:#0c0c0b}.inbox-form>small{color:var(--feature-yellow)}.inbox-form label{display:grid;gap:7px;margin-top:19px;color:#f4f2ec94;font-size:12px}.inbox-form input,.inbox-form textarea{width:100%;padding:10px;border:1px solid rgba(244,242,236,.15);border-radius:0;background:#10100f;color:var(--feature-paper);font:13px var(--app-font-sans)}.inbox-form textarea{min-height:70px;resize:vertical}.inbox-form .feature-pill{margin-top:20px}.inbox-route{position:absolute;z-index:0;left:24%;width:52%;height:130px}.inbox-route path{fill:none;stroke:var(--feature-yellow);stroke-width:2;stroke-dasharray:5 7}.inbox-envelope{position:absolute;z-index:2;left:49%;top:45%;width:34px;height:24px;border:1px solid var(--feature-yellow);background:#111;transition:transform .8s var(--ease-out)}.inbox-envelope i{position:absolute;inset:2px;border-right:1px solid var(--feature-yellow);border-bottom:1px solid var(--feature-yellow);transform:rotate(45deg) translate(-3px,-3px)}.inbox-envelope.is-sent{transform:translate(145px)}.inbox-mail>span{color:var(--feature-yellow)}.inbox-mail>div{margin-top:24px;padding:17px;border-left:2px solid transparent;background:#141412}.inbox-mail>div.has-notice{border-color:var(--feature-yellow)}.inbox-mail b,.inbox-mail small{display:block}.inbox-mail small{margin-top:5px;color:#f4f2ec70;font:10px var(--app-font-mono)}.inbox-mail p{margin:20px 0 0;color:#f4f2eca3;font-size:13px}.inbox-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border-top:1px solid var(--feature-line)}.inbox-steps div{display:grid;grid-template-columns:30px 1fr;gap:14px;padding:22px 18px 0 0}.inbox-steps b{color:var(--feature-yellow);font:11px var(--app-font-mono)}.inbox-steps span{color:#f4f2ecad;font-size:14px}.inbox-note,.update-caption{color:#f4f2ec73;font:10px var(--app-font-mono);text-transform:uppercase}.editable-site{border:1px solid var(--feature-line);background:#121310}.editable-site-top{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--feature-line)}.editable-site-top>span{font-size:13px;letter-spacing:.08em}.editable-site-top small{color:#f4f2ec6b}.editable-site-content{display:grid;grid-template-columns:1fr .8fr;gap:5vw;align-items:center;min-height:390px;padding:clamp(24px,7vw,86px)}.editable-site-content>div:first-child>.mono{color:var(--feature-yellow);font-size:10px}.editable-site-content h2{max-width:10ch;margin:18px 0;font-size:clamp(34px,6vw,76px)}.editable-site-content p{max-width:38ch;color:#f4f2eca1}.editable-mock-cta{display:inline-flex;min-height:42px;align-items:center;border-radius:99px;padding:0 20px;background:var(--feature-yellow);color:#050505;font-size:12px}.editable-picture{display:grid;place-items:center;min-height:240px;background:#9c9c88;color:#13140f;text-align:center;outline:1px dashed rgba(244,242,236,.4);outline-offset:-12px}.editable-picture i{width:90px;height:90px;border-radius:50%;background:#d2c2a3}.editable-hours{display:flex;justify-content:space-between;padding:18px 24px;border-top:1px solid var(--feature-line);color:#f4f2eca6}.editable-hours b{color:var(--feature-paper)}.editable-status{display:inline-flex;margin:14px 0;border:1px solid var(--feature-line);border-radius:99px;padding:8px 14px;color:var(--feature-yellow);font:10px var(--app-font-mono)}.editable-stage>.feature-pill{margin-left:10px}.editable-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}.editable-options article{padding:26px 0;border-top:1px solid var(--feature-line)}.editable-options .mono{color:var(--feature-yellow)}.editable-options h3{margin:20px 0 10px;font-size:clamp(25px,3vw,40px)}.editable-options p{color:#f4f2ec99}.editable-options a{display:inline-flex;min-height:44px;align-items:center;color:var(--feature-yellow);text-decoration:underline;text-underline-offset:4px}.logo-stage{padding:24px 0}.logo-blueprint{position:relative;display:grid;min-height:clamp(330px,52vw,610px);place-items:center;overflow:hidden;border:1px solid rgba(143,174,190,.19);background-color:#090d10;background-image:linear-gradient(rgba(143,174,190,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(143,174,190,.08) 1px,transparent 1px);background-size:32px 32px}.logo-blueprint>svg{position:absolute;inset:5%;width:90%;height:90%;fill:none;stroke:#8faebe73;stroke-width:.8}.herum-mark{position:relative;display:flex;flex-direction:column;align-items:center;padding:30px 40px;background:#050505;color:#f4f2ec}.herum-mark b{font-size:clamp(45px,10vw,140px);letter-spacing:-.09em;line-height:.8}.herum-mark i{margin-top:12px;color:#f7c900;font:10px var(--app-font-mono);letter-spacing:.22em;font-style:normal}.herum-mark.mark-1 b{font-size:clamp(55px,11vw,145px)}.herum-mark.mark-1 i{display:none}.herum-mark.mark-2{background:transparent;color:var(--feature-yellow)}.herum-mark.mark-2 i{color:currentColor}.herum-mark.mark-3{background:var(--feature-paper);color:#050505}.herum-mark.mark-3 i{color:#050505}.herum-mark.surface-1{background:var(--feature-paper);color:#050505}.herum-mark.surface-1 i{color:#050505}.herum-mark.surface-2{background:var(--feature-yellow);color:#050505}.herum-mark.surface-2 i{color:#050505}.logo-blueprint>span{position:absolute;bottom:18px;right:20px;color:#d2e6ef8c}.logo-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:18px 0}.logo-controls>div{display:flex;flex-wrap:wrap;gap:7px}.logo-controls button{min-height:38px;padding-inline:14px;font-size:12px}.logo-applications{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.logo-applications article{display:flex;min-height:130px;flex-direction:column;justify-content:space-between;padding:17px;border:1px solid var(--feature-line);background:#10100e}.logo-applications article>span{color:#f4f2ec78;font:10px var(--app-font-mono)}.logo-applications article>i{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:var(--feature-yellow);color:#050505;font-size:22px;font-style:normal}.logo-applications article:nth-child(2) b{font-size:24px}.logo-applications article:nth-child(3) div{padding:12px;background:#f4f2ec;color:#050505;font-size:19px;line-height:1}.logo-applications article:nth-child(3) small{font:8px var(--app-font-mono)}.feature-fargepalett .feature-stage{margin-inline:calc(-1 * var(--gutter))}.palette-columns{display:flex;width:100%;min-height:clamp(420px,68vw,760px)}.palette-column{display:flex;flex:1 1 0;flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(14px,3vw,38px);transition:flex .45s var(--ease-out)}.palette-column.is-active,.palette-column:hover,.palette-column:focus-within{flex-grow:2.1}.palette-select{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0;padding:0 0 16px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.palette-role{font:10px var(--app-font-mono);text-transform:uppercase}.palette-columns b{font:500 clamp(13px,2vw,22px) var(--app-font-mono);white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg)}.palette-columns small{font-size:10px;opacity:.76}.palette-copy{align-self:flex-start;border:1px solid currentColor;border-radius:99px;padding:9px 12px;background:transparent;color:inherit;font:11px var(--app-font-sans);white-space:nowrap;cursor:pointer}.palette-copy:focus-visible,.palette-select:focus-visible{outline:2px solid currentColor;outline-offset:4px}.palette-proportion{max-width:980px;margin:70px auto 0;padding:0 var(--gutter)}.palette-proportion>span{color:var(--feature-yellow)}.palette-proportion>div{display:flex;height:55px;margin-top:20px;overflow:hidden;border-radius:99px}.palette-proportion i{display:flex;align-items:center;padding:0 16px;background:#f4f2ec;color:#050505;font:10px var(--app-font-mono);font-style:normal}.palette-proportion i:first-child{flex:6;background:#343530;color:#f4f2ec}.palette-proportion i:nth-child(2){flex:3}.palette-proportion i:last-child{flex:1;min-width:90px;background:var(--feature-yellow)}.palette-proportion p{margin-top:14px;color:#f4f2ec8a;font-size:12px}.palette-toast{position:fixed;z-index:1000;bottom:22px;left:50%;color:var(--feature-yellow);font:12px var(--app-font-mono);transform:translate(-50%)}.feature-main.feature-typografi{--feature-bg: #050505;--feature-paper: #f4f2ec;--feature-line: rgba(244,242,236,.18);background:#050505;color:#f4f2ec}.feature-typografi .slutte-cta{background:var(--feature-yellow);color:#050505}.feature-typografi .feature-back,.feature-typografi .feature-lede,.feature-typografi .feature-points p,.feature-typografi .feature-faq-answer p{color:#f4f2ecbf}.feature-typografi .feature-faq-mark,.feature-typografi .feature-kicker{color:var(--feature-yellow)}.feature-typografi .feature-next a{border-color:#f4f2ec4d;color:var(--feature-paper)}.type-stage{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:start}.type-specimen{font-family:var(--type-body)}.type-specimen>span{color:var(--feature-yellow)}.type-specimen>strong{display:block;margin:20px 0 10px;font:400 clamp(150px,26vw,330px)/.8 var(--type-head);letter-spacing:-.12em}.type-specimen label{display:grid;gap:10px;max-width:400px;margin:18px 0;color:#f4f2ecbf;font-size:12px}.type-specimen input[type=range]{accent-color:#b08b00}.type-name input{padding:12px;border:1px solid rgba(244,242,236,.35);background:transparent;color:var(--feature-paper);caret-color:var(--feature-yellow);font:15px var(--app-font-sans)}.type-specimen h2{margin:30px 0 10px;font:600 clamp(30px,5vw,58px)/1 var(--type-head)}.type-specimen p{max-width:46ch;font:17px/1.6 var(--type-body)}.type-choices{display:grid;gap:10px}.type-choices button{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:10px;min-height:86px;padding:14px;border:1px solid rgba(244,242,236,.24);background:transparent;color:var(--feature-paper);text-align:left;cursor:pointer}.type-choices button[aria-pressed=true]{border-color:var(--feature-yellow);background:#f7c90024}.type-choices b{grid-row:span 2;font-size:36px}.type-choices span{font-size:15px}.type-choices small{color:#f4f2eca6}.type-ladder{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border-top:1px solid var(--feature-line)}.type-ladder span{display:grid;gap:14px;padding:16px 10px;color:var(--feature-yellow);font:10px var(--app-font-mono)}.type-ladder b{color:var(--feature-paper);font:500 16px var(--app-font-sans)}.manual-stage{display:grid;grid-template-columns:240px 1fr;gap:6vw;align-items:start;padding:32px;border:1px solid var(--feature-line);font-family:var(--app-font-mono)}.manual-nav{position:sticky;top:110px;display:grid}.manual-nav button{min-height:48px;border:0;border-bottom:1px solid var(--feature-line);background:transparent;color:#f4f2ec8c;text-align:left;cursor:pointer}.manual-nav button[aria-current=true]{color:var(--feature-yellow)}.manual-content>span{color:var(--feature-yellow);font-size:10px}.manual-content h2{margin:18px 0;font-size:clamp(28px,4vw,48px)}.manual-content>p,.manual-size p,.manual-swatches p{max-width:55ch;color:#f4f2ec9e;font:13px/1.6 var(--app-font-sans)}.manual-safe{position:relative;display:grid;min-height:240px;place-items:center;margin-top:26px;border:1px dashed rgba(244,242,236,.3);background:repeating-linear-gradient(45deg,rgba(244,242,236,.025) 0 1px,transparent 1px 9px)}.manual-logo{display:grid;width:calc(220px + var(--space));height:calc(100px + var(--space));place-items:center;border:1px dashed var(--feature-yellow);font:600 42px var(--app-font-sans)}.manual-safe button{position:absolute;right:10px;top:10px;width:40px;height:40px;border:1px solid var(--feature-line);border-radius:50%;background:transparent;color:var(--feature-yellow);font-size:20px}.manual-safe button:last-of-type{right:58px}.manual-safe small{position:absolute;bottom:10px;left:12px;color:#f4f2ec6e}.manual-size{padding:50px;border:1px solid var(--feature-line)}.manual-spacing{display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:center;gap:18px;margin-top:18px;color:#f4f2ec99;font:10px var(--app-font-mono)}.manual-size b{display:block;margin-bottom:30px;color:var(--feature-yellow);font-size:clamp(40px,8vw,100px)}.manual-swatches{display:flex;gap:0;min-height:180px;flex-wrap:wrap}.manual-swatches i{flex:1;min-width:60px;background:#050505}.manual-swatches i:nth-child(2){background:#f4f2ec}.manual-swatches i:nth-child(3){background:#f7c900}.manual-swatches p{flex-basis:100%;margin-top:18px}.manual-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px}.manual-rules article{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:16px;border:1px solid var(--feature-line)}.manual-rules article span{color:var(--feature-yellow);font-size:23px}.manual-rules small{color:#f4f2ec7a;font-size:9px}.files-layout{display:grid;grid-template-columns:1fr .72fr;gap:22px;align-items:center;perspective:1200px}.files-window{min-height:360px;padding:0 20px 22px;border:1px solid rgba(244,242,236,.2);background:#11110f;box-shadow:24px 28px #f4f2ec06;transition:transform .4s var(--ease-out)}.files-window:hover{transform:rotateY(2deg) rotateX(-1deg)}.files-bar{display:flex;align-items:center;gap:7px;margin-inline:-20px;padding:14px 18px;border-bottom:1px solid var(--feature-line)}.files-bar i{width:7px;height:7px;border-radius:50%;background:#777}.files-bar i:first-child{background:var(--feature-yellow)}.files-bar span{margin-left:auto;color:#f4f2ec80}.files-tree{display:grid;grid-template-columns:.8fr 1.2fr;padding-top:14px}.files-tree button{min-height:44px;border:0;background:transparent;color:#f4f2ecad;text-align:left;font-size:13px;cursor:pointer}.files-tree button span{display:inline-block;width:25px;color:var(--feature-yellow)}.files-chips{display:flex;min-height:120px;flex-wrap:wrap;align-content:center;gap:8px;padding:18px;border:1px dashed rgba(244,242,236,.15)}.files-chips span{align-self:center;padding:10px 13px;border:1px solid rgba(244,242,236,.18);border-radius:3px;color:var(--feature-yellow);font:10px var(--app-font-mono)}.files-window>small{display:block;margin-top:17px;color:#f4f2ec66}.files-use>span{color:var(--feature-yellow)}.files-use>div{display:flex;gap:8px;margin:15px 0}.files-use button{min-height:38px}.files-preview{display:flex;min-height:210px;flex-direction:column;justify-content:space-between;padding:20px;background:#ddd8c9;color:#141510}.files-preview small{font:9px var(--app-font-mono)}.files-preview b{max-width:23ch;font-size:clamp(16px,2.1vw,23px)}.files-preview i{font-size:32px;font-weight:700;font-style:normal;letter-spacing:-.08em}.files-preview.is-print{background:#f7c900}.files-explainer{max-width:70ch;margin:25px 0 0;color:#f4f2eca3;font-size:14px}.files-explainer b{color:var(--feature-yellow)}.update-split{display:grid;grid-template-columns:1fr .45fr 1fr;align-items:center;gap:18px}.update-chat,.update-site{min-height:360px;padding:24px;border:1px solid var(--feature-line);background:#10100e}.update-chat>span,.update-site>span{color:var(--feature-yellow)}.update-bubble,.update-reply{max-width:88%;margin-top:32px;padding:15px;border-radius:14px 14px 14px 3px;background:#24241f;font-size:13px}.update-chat>small{display:block;margin:6px 0 0 4px;color:#f4f2ec66;font:9px var(--app-font-mono)}.update-reply{margin:16px 0 0 auto;border-radius:14px 14px 3px;background:#f7c90021}.update-chat-dots{display:flex;gap:4px;margin-top:18px}.update-chat-dots i{width:5px;height:5px;border-radius:50%;background:var(--feature-yellow);animation:feature-pulse 1.1s infinite alternate}.update-chat-dots i:nth-child(2){animation-delay:.2s}.update-chat-dots i:nth-child(3){animation-delay:.4s}.update-connector{position:relative;text-align:center;color:#f4f2ec66;font:8px var(--app-font-mono)}.update-connector svg{width:100%;overflow:visible}.update-connector path{fill:none;stroke:var(--feature-yellow);stroke-width:1.5;stroke-dasharray:4 6}.update-site-hero{margin-top:28px;padding:18px;background:#d9d6ca;color:#141510}.update-site-hero>b{font-size:11px}.update-site-hero>div{height:115px;margin:15px 0;background:#909079;transition:background-color .4s}.update-site-hero>div.new-image{background:#9c7e5c}.update-site-hero>div i{display:block;width:38%;height:100%;margin-left:auto;background:#f7c9008c}.update-site-hero h3{margin:0 0 8px;font-size:21px}.update-site-hero p{margin:0;font-size:12px}.update-caption{margin-top:18px}.update-demo-toggle{margin-top:20px}.small-change-stage{max-width:1020px;margin-inline:auto}.small-change-stage>span{color:var(--feature-yellow)}.change-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 34px}.change-chips button{min-height:44px;padding:0 14px;border:1px solid var(--feature-line);border-radius:99px;background:transparent;color:var(--feature-paper);font-size:12px;cursor:pointer}.change-chips button[aria-pressed=true]{border-color:var(--feature-yellow);background:var(--feature-yellow);color:#050505}.change-preview{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--feature-line)}.change-preview-head{grid-column:1/-1;display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--feature-line)}.change-preview-head small{color:#f4f2ec73}.change-before,.change-after{display:grid;gap:16px;min-height:150px;padding:25px}.change-before{border-right:1px solid var(--feature-line);color:#f4f2ec6b}.change-after{color:var(--feature-yellow)}.change-before span,.change-after span{font:10px var(--app-font-mono)}.change-before s,.change-after b{font-size:clamp(18px,3vw,30px)}.change-marquee{overflow:hidden;margin-top:44px;border-block:1px solid var(--feature-line)}.change-marquee>div{display:flex;justify-content:space-between;gap:25px;padding:18px 0;white-space:nowrap;color:#f4f2ec80;font-size:13px}.maintenance-panel{padding:clamp(18px,4vw,40px);border:1px solid rgba(244,242,236,.22);background:#0d0d0b;font-family:var(--app-font-mono)}.maintenance-panel-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--feature-line);color:#f4f2ec94;font-size:10px}.maintenance-indicator{color:var(--feature-paper)}.maintenance-indicator i,.maintenance-list article button>i{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--feature-yellow)}.maintenance-body{display:grid;grid-template-columns:1fr 240px;gap:30px;align-items:center}.maintenance-list article{border-bottom:1px solid rgba(244,242,236,.12)}.maintenance-list article button{display:flex;width:100%;align-items:center;min-height:55px;border:0;background:transparent;text-align:left;font:12px var(--app-font-mono);cursor:pointer}.maintenance-list article button small{margin-left:auto;color:#f4f2ec66}.maintenance-list article p{margin:0;padding:0 15px 16px;color:#f4f2ec94;font:13px/1.5 var(--app-font-sans)}.maintenance-list article.is-open button>i{animation:feature-pulse .9s infinite alternate}.maintenance-ring{display:grid;width:200px;height:200px;place-content:center;justify-items:center;border-radius:50%;background:conic-gradient(var(--feature-yellow) var(--ring-fill),rgba(244,242,236,.1) var(--ring-fill));position:relative}.maintenance-ring:before{content:"";position:absolute;inset:10px;border-radius:inherit;background:#0d0d0b}.maintenance-ring>*{position:relative}.maintenance-ring span{font-size:36px}.maintenance-ring small{margin-top:6px;color:#f4f2ec7a;font-size:9px}.maintenance-foot{display:block;margin-top:22px;color:#f4f2ec59;font-size:9px}.person-quote{max-width:900px;margin:0 auto 65px;text-align:center}.person-quote>span{color:var(--feature-yellow)}.person-quote blockquote{margin:24px auto;font-size:clamp(32px,6.6vw,82px);line-height:.98;letter-spacing:-.06em}.person-quote p{color:#f4f2ec80;font:11px var(--app-font-mono)}.person-editorial{display:grid;grid-template-columns:1fr .75fr .75fr;gap:16px;align-items:stretch}.person-portrait{position:relative;display:flex;min-height:400px;align-items:flex-end;padding:22px;overflow:hidden;background:#24231f}.person-portrait:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 55%),url(/om/teo.webp) center 34%/cover;filter:grayscale(1)}.person-portrait:after{content:"";position:absolute;right:12%;top:16%;width:24px;height:24px;background:var(--feature-yellow);mix-blend-mode:screen}.person-portrait span{position:relative;z-index:1;color:#fff;font:11px var(--app-font-mono)}.person-phone{position:relative;display:flex;flex-direction:column;justify-content:center;padding:24px;border:1px solid var(--feature-line);overflow:hidden}.person-phone>span,.person-direct>span{color:var(--feature-yellow)}.person-phone p{margin:16px 0 0;color:#f4f2ec99;font:13px var(--app-font-mono)}.person-blur{margin-top:28px;color:#f4f2ec52;filter:blur(3px);font-size:13px}.person-direct{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;padding:24px;border:1px solid var(--feature-line)}.person-direct>a:last-child{color:#f4f2ecad;font-size:12px;overflow-wrap:anywhere}.person-direct>a:last-child:hover{color:var(--feature-yellow)}.person-caption{margin-top:16px;color:#f4f2ec6b;font:10px var(--app-font-mono);text-align:right}@keyframes feature-draw{to{stroke-dashoffset:0}}@keyframes feature-pulse{to{opacity:.35;transform:scale(.8)}}@media(max-width:767px){.feature-main{padding-top:72px}.feature-back,.feature-breadcrumb{margin-top:18px}.feature-hero{padding:60px 0 54px}.feature-hero h1{max-width:11ch;font-size:clamp(3rem,14vw,5rem)}.feature-points{grid-template-columns:1fr}.feature-points li,.feature-points li+li{padding:18px 0;border-left:0}.feature-faq{grid-template-columns:1fr;gap:10px;padding:34px 0 60px}.feature-faq-heading h2{margin:10px 0 25px}.feature-next{align-items:flex-start;flex-direction:column}.feature-next a{max-width:100%;min-height:46px}.feature-related{gap:17px;padding-bottom:58px;font-size:12px}.design-compare{height:430px}.design-example{padding:20px}.design-example small{font-size:7px}.design-example span{font-size:clamp(23px,8vw,38px)}.design-example p{font-size:11px}.design-story,.type-stage,.files-layout{grid-template-columns:1fr}.design-story-art{position:relative;top:auto;min-height:300px}.button-comparison{grid-template-columns:1fr}.button-demo{min-height:330px;padding:26px 20px}.button-demo+.button-demo{border-top:1px solid var(--feature-line);border-left:0}.button-mobile-sticky{position:sticky;z-index:4;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0;padding:10px;border:1px solid var(--feature-line);border-radius:99px;background:#121210;font-size:12px}.button-mobile-sticky a{display:inline-flex;align-items:center;min-height:42px;border:0;border-radius:99px;padding:0 16px;background:var(--feature-yellow);color:#050505}.inbox-flow{grid-template-columns:1fr;gap:20px}.inbox-route,.inbox-envelope{display:none}.inbox-form,.inbox-mail{padding:22px}.inbox-steps{grid-template-columns:1fr}.inbox-steps div{padding-block:14px;border-bottom:1px solid var(--feature-line)}.editable-site-content{grid-template-columns:1fr;gap:22px;min-height:auto;padding:28px 20px}.editable-picture{min-height:180px}.editable-site-top{align-items:flex-start;flex-direction:column;gap:8px;padding:15px}.editable-options{grid-template-columns:1fr;gap:0}.logo-blueprint{min-height:350px}.logo-controls{flex-direction:column}.logo-applications{grid-template-columns:1fr 1fr}.logo-applications article:last-child{grid-column:1/-1}.palette-columns{min-height:500px}.palette-column{padding:12px 7px}.palette-column.is-active{flex-grow:2}.palette-select{padding-bottom:10px}.palette-role{writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px}.palette-columns b{font-size:11px}.palette-columns small{display:none}.palette-copy{padding:7px 4px;font-size:8px;white-space:normal;text-align:center}.palette-proportion{margin-top:45px}.palette-proportion>div{height:auto;flex-direction:column;border-radius:0}.palette-proportion i{min-height:38px}.type-specimen>strong{font-size:44vw}.type-ladder{grid-template-columns:1fr}.type-ladder span{grid-template-columns:100px 1fr}.manual-stage{grid-template-columns:1fr;padding:18px}.manual-nav{position:static;grid-template-columns:repeat(2,1fr)}.manual-nav button{font-size:11px}.manual-safe{min-height:200px}.manual-logo{width:calc(150px + var(--space));height:calc(80px + var(--space));font-size:32px}.manual-rules{grid-template-columns:1fr}.files-window{min-height:300px;padding-inline:12px}.files-bar{margin-inline:-12px}.files-tree{grid-template-columns:1fr}.files-chips{min-height:100px;padding:10px}.update-split{grid-template-columns:1fr}.update-chat,.update-site{min-height:300px}.update-connector{display:none}.change-preview{grid-template-columns:1fr}.change-preview-head{grid-column:auto}.change-before{border-right:0;border-bottom:1px solid var(--feature-line)}.change-before,.change-after{min-height:115px}.change-marquee>div{justify-content:flex-start;overflow:hidden}.maintenance-body{grid-template-columns:1fr}.maintenance-ring{width:150px;height:150px;margin:20px auto 0}.maintenance-panel-head{flex-direction:column}.person-editorial{grid-template-columns:1fr 1fr}.person-portrait{grid-column:1/-1;min-height:420px}.person-phone,.person-direct{min-height:240px;padding:16px}.person-direct .feature-pill{padding-inline:14px;font-size:12px}}@media(prefers-reduced-motion:reduce){.feature-page *,.feature-page *:before,.feature-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.is-traced .button-eye-path path{stroke-dashoffset:0}}