@font-face{font-family:Unbounded;src:url('assets/Unbounded-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url('assets/Inter-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/Inter-600.woff2') format('woff2');font-weight:600;font-display:swap}:root{--ink:#141618;--paper:#f5f6f8;--muted:#555d6c;--line:#dce0e5;--orange:#f4512c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px Inter,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:block;width:148px;height:40px;object-fit:contain}nav{display:flex;gap:36px;font-size:14px}.nav-cta{font-size:14px;font-weight:600}.nav-cta span{margin-left:24px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow i,.orange-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;display:inline-block}.hero{padding-top:76px}.hero h1{font:500 clamp(38px,4.45vw,68px)/1.3 Unbounded,sans-serif;letter-spacing:-2.5px;margin:32px 0}.hero h1>span{color:#8b9098}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin:30px 0 70px}.hero p,p{color:var(--muted);line-height:1.8}.button{background:var(--orange);color:#141618;padding:20px 25px;display:inline-flex;align-items:center;gap:52px;font-weight:600;font-size:14px;border-radius:5px;transition:background .2s,transform .2s}.button:hover{background:#d83b19;transform:translateY(-2px)}.hero-rule{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.tools{padding:80px 0 96px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}h2{font:500 clamp(25px,2.5vw,36px)/1.5 Unbounded,sans-serif;letter-spacing:-1px;margin:20px 0 0}.section-top>p{font-size:14px;margin:0 0 6px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool{background:white;border:1px solid var(--line);border-radius:9px;min-height:280px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,transform .2s}.tool:hover:is(a){border-color:var(--orange);transform:translateY(-4px)}.symbol{font:500 44px Unbounded,sans-serif;display:flex;justify-content:space-between;align-items:flex-start;letter-spacing:-2px}.symbol>span{font:22px Inter;color:var(--orange);letter-spacing:0}.tool h3{font-size:17px;margin:32px 0 6px;font-weight:600}.tool p{font-size:13px;margin:0}.tool small{font-size:9px;letter-spacing:1.2px;color:var(--muted);display:flex;justify-content:space-between;margin-top:27px}.tool small b{color:var(--orange)}.planned{background:#eef0f3}.demo-section{background:#151719;color:white;padding:86px 0}.demo-layout{display:grid;grid-template-columns:1fr 460px;gap:70px;align-items:center}.demo-layout h2{font-size:30px}.demo-layout p{color:#b8bec7;font-size:14px;margin:25px 0}.demo-note{font-size:11px;color:#b8bec7}.calculator{background:#202327;border:1px solid #393d42;border-radius:12px;padding:30px}.calc-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:25px}.tabs{display:flex;padding:4px;background:#151719;border-radius:6px;margin-bottom:27px;gap:4px}.tabs button{flex:1;border:0;padding:10px 3px;background:none;color:#b8bec7;font-size:11px;border-radius:4px;cursor:pointer}.tabs .selected{background:#3b3f45;color:white}.calculator label,.to-row,.result>span{font-size:9px;letter-spacing:1.3px;color:#b8bec7}.input-row{display:flex;margin-top:10px;gap:10px}input,select{width:100%;color:white;background:#151719;border:1px solid #454b52;border-radius:5px;padding:14px;min-width:0}input{font-size:26px;width:48%}.input-row select{width:52%}.to-row{display:flex;justify-content:space-between;align-items:center;margin:16px 0 10px}.to-row button{border:0;background:none;color:#f98367;font-size:22px;cursor:pointer}.result{border-top:1px solid #454b52;margin-top:24px;padding-top:22px}.result output{display:block;color:#ff8163;font-size:34px;line-height:1.3;margin-top:12px;overflow-wrap:anywhere}.idea{padding:100px 0}.punct{font:22px Inter;color:var(--orange);margin-left:10px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.principles article{border-top:1px solid var(--line);padding-top:22px}.principles article>span{font-size:11px;color:var(--muted)}.principles h3{font-size:17px;margin:25px 0 8px}.principles p{font-size:14px;margin:0}.closing{padding:48px 0 64px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.closing h2{font-size:28px}footer{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:30px 0;border-top:1px solid var(--line)}footer .logo{width:105px;height:30px}footer>span{font-size:12px;color:var(--muted)}footer small{font-size:8px;letter-spacing:1px;color:var(--muted)}.skip{position:absolute;left:20px;top:-100px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){.hero{padding-top:100px}.hero-bottom{margin-bottom:100px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:43px}.demo-layout{grid-template-columns:1fr 400px;gap:30px}.demo-layout h2{font-size:24px}.section-top{gap:30px}.symbol{font-size:36px}.tool{padding:22px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{height:82px}.logo{width:120px}nav{display:none}.nav-cta{font-size:12px}.nav-cta span{margin-left:8px}.hero{padding-top:48px}.hero h1{font-size:clamp(27px,5.65vw,42px);letter-spacing:-1.3px;margin:25px 0}.eyebrow{font-size:8px;letter-spacing:1px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:45px}.hero p{font-size:14px}.hero-rule{font-size:7px;letter-spacing:.6px}.tools{padding:45px 0 55px}.section-top{display:block}.section-top p{margin-top:20px;font-size:13px}h2{font-size:25px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.tool{padding:18px;min-height:245px}.symbol{font-size:32px}.tool h3{font-size:15px}.tool p{font-size:12px;line-height:1.6}.tool small{font-size:7px;letter-spacing:.6px}.demo-section{padding:55px 0}.demo-layout{grid-template-columns:1fr;gap:32px}.demo-layout h2{font-size:25px}.calculator{padding:23px}.principles{grid-template-columns:1fr;gap:25px;margin-top:35px}.principles h3{margin-top:15px}.idea{padding:60px 0}.closing{display:block;padding:38px 0 45px}.closing h2{font-size:24px}.closing .button{margin-top:28px}footer{flex-wrap:wrap;gap:18px}footer small{width:100%;font-size:7px}footer>span{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Product homepage: search first, tools immediately below. */
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{padding-top:62px}.hero h1{margin:25px 0 20px;font-size:clamp(38px,4.2vw,64px)}.hero-description{margin:0 0 30px;font-size:17px}.search-box{display:flex;align-items:center;border:1px solid #848C98;background:white;border-radius:7px;padding:9px 18px;gap:15px;max-width:100%;transition:border-color .2s}.search-box:focus-within{border-color:var(--orange);box-shadow:0 0 0 2px #f4512c20}.search-box svg{width:23px;height:23px;fill:none;stroke:var(--muted);stroke-width:1.5;flex-shrink:0}.search-box input{flex:1;background:none;border:0;color:var(--ink);padding:12px 0;font-size:16px;width:auto;outline:none}.search-box input::placeholder{color:var(--muted)}.search-box a{padding:10px;color:var(--muted)}.search-examples{display:flex;align-items:center;gap:10px;margin-top:15px;font-size:12px;color:var(--muted);flex-wrap:wrap}.search-examples button{border:0;background:none;border-bottom:1px solid #bec3cb;font-size:12px;padding:3px 0;margin-right:10px;color:var(--muted);cursor:pointer}.search-examples button:hover{color:var(--orange)}.tools{padding-top:55px;padding-bottom:70px}.section-top{margin-bottom:24px;align-items:center}.section-top h2{font-size:26px;margin:0}.punct{font-size:12px;vertical-align:middle}.catalogue-note{font-size:12px;color:var(--muted)}.catalogue-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:10px}.filters{display:flex;gap:6px}.filters button{background:none;border:1px solid transparent;padding:9px 15px;border-radius:5px;font-size:12px;cursor:pointer;color:var(--muted)}.filters button.selected{background:var(--ink);color:white}.filters button span{font-size:10px;margin-left:6px;opacity:.7}#search-count{font-size:11px;color:var(--muted)}.tool{min-height:250px}.tool h3{margin-top:24px}.idea{padding:65px 0}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-layout h2{font-size:32px}.about-layout p{font-size:15px;max-width:500px}#no-results{text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:9px}#no-results h3{font-weight:600}#no-results p{font-size:14px}#no-results button{background:var(--ink);color:white;border:0;padding:12px 20px;border-radius:5px;cursor:pointer}.demo-layout h2{font-size:27px}@media(max-width:760px){.hero{padding-top:40px}.hero h1{font-size:clamp(25px,6vw,43px);letter-spacing:-1.2px}.hero-description{font-size:14px;line-height:1.6;margin-bottom:24px}.search-box{padding:6px 12px;gap:8px}.search-box input{font-size:13px}.search-box svg{width:18px}.search-box a{padding:6px}.search-examples{font-size:10px;gap:7px}.search-examples button{font-size:10px;margin-right:5px}.tools{padding-top:38px}.section-top h2{font-size:22px}.catalogue-note{display:block;font-size:10px;margin-top:12px}.filters{gap:2px}.filters button{font-size:10px;padding:8px}.filters button span{font-size:9px;margin-left:3px}#search-count{font-size:9px}.tool{min-height:225px}.tool h3{font-size:14px}.tool small{font-size:8px}.about-layout{grid-template-columns:1fr;gap:12px}.about-layout h2{font-size:27px}.about-layout p{font-size:14px}.demo-layout h2{font-size:24px}footer>span{font-size:10px}}
/* Warm editorial hero, inspired by the original direction. */
:root{--paper:#faf9f6;--line:#e4e1dc}header{position:relative;z-index:1;border-bottom-color:#14161810}.hero{position:relative;isolation:isolate;padding-top:52px;padding-bottom:40px}.hero::before{content:'';position:absolute;z-index:-1;top:-112px;bottom:0;left:calc((100% - 100vw)/2);width:100vw;background-image:linear-gradient(90deg,#faf9f6ed 0%,#faf9f6cf 30%,#faf9f625 68%,transparent 100%),url('assets/hero-desk-v2.webp');background-position:center,bottom right;background-size:cover;background-repeat:no-repeat}.hero h1{font-size:clamp(36px,3.8vw,58px);letter-spacing:-2px;line-height:1.35}.hero h1>span{color:var(--orange)}.hero .search-box{max-width:790px;background:#ffffffed;border-color:#d9d5cf;box-shadow:0 6px 16px #30271906;border-radius:30px}.hero .search-examples{max-width:790px}.hero-description{max-width:600px;color:#454a50}.planned{background:#f3f1ed}.tool{border-color:#e5e2dd}.tools{padding-top:38px}.demo-section{background:#181a1b}.filters button.selected{border-radius:20px}.filters button{border-radius:20px}footer{border-color:var(--line)}@media(max-width:1000px){.hero h1{font-size:38px}.hero .search-box{max-width:75%}.hero::before{background-image:linear-gradient(90deg,#faf9f6f2 0%,#faf9f6c9 48%,#faf9f610 100%),url('assets/hero-desk-v2.webp')}}@media(max-width:760px){.hero{padding-top:35px;padding-bottom:145px}.hero h1{font-size:clamp(25px,5.65vw,40px);letter-spacing:-1px}.hero::before{top:-82px;background-image:linear-gradient(180deg,#faf9f6f2 0%,#faf9f6e8 58%,#faf9f610 85%),url('assets/hero-desk-v2.webp');background-position:center,bottom right;background-size:cover}.hero .search-box{max-width:100%}.hero-description{font-size:13px}.search-examples{gap:6px}.search-examples button{background:#faf9f6b0}.hero .eyebrow{font-size:8px}.tools{padding-top:30px}}
.nav-cta{background:#fffffff0;border:1px solid #e4e1dc;border-radius:24px;padding:11px 17px;box-shadow:0 2px 8px #14161805}@media(max-width:760px){.nav-cta{padding:9px 12px}}
.converter-teaser{background:#242729;border:1px solid #42474b;border-radius:12px;padding:40px;display:block;overflow-wrap:anywhere}.converter-teaser>span{display:block;color:#b8bec7;font-size:22px;margin-top:30px}.converter-teaser strong{display:block;font:500 26px/1.5 Unbounded,sans-serif;color:#ff8163;margin:10px 0 30px}.converter-teaser>div:last-child{border-top:1px solid #42474b;padding-top:22px;font-size:12px}.converter-teaser:hover{border-color:var(--orange)}@media(max-width:760px){.converter-teaser{padding:26px}.converter-teaser strong{font-size:21px}.demo-layout .button{gap:24px}}
/* Brandbook v1.3: signatures, surfaces and UI typography. */
@font-face{font-family:Unbounded;src:url('assets/Unbounded-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--paper:#F5F6F8;--line:#DCE0E5;--orange:#F4512C;--ink:#141618;--muted:#555D6C;--focus:#235FD1;--error:#B42318}.wrap{max-width:1200px}.tool{border:1px solid var(--line);border-radius:16px}.planned{background:#eef0f3}.symbol{display:inline-flex;justify-content:flex-start;align-items:baseline;gap:.14em;font-weight:600;width:max-content;max-width:100%}.symbol::after{content:'';display:block;width:.156em;height:.156em;flex:none;border-radius:50%;background:var(--orange);margin-bottom:.025em}.hero h1>span{color:var(--orange)}.button{background:var(--ink);border-radius:8px}.button:hover{background:#30353b}.converter-teaser strong{font:600 32px/1.4 Inter,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.5px;color:white}.search-box input{border:0}.hero .search-box{border-color:#848C98}.tool small b{color:var(--ink)}
/* Homepage: working tools first, followed by direct conversion links. */
.catalogue-intro{font-size:13px;color:var(--muted);line-height:1.7;margin:10px 0 0}.section-top .catalogue-intro{font-size:13px}.tools{padding-bottom:48px}.home-shortcuts{padding:36px 0 52px;border-top:1px solid var(--line)}.home-shortcuts .section-top h2{font:600 23px/1.5 Inter,sans-serif;letter-spacing:-.5px}.shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shortcut-card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--surface,#fff);border-radius:12px;padding:24px;min-width:0}.shortcut-card:hover{border-color:var(--control,#848C98)}.shortcut-card h3{font:600 16px/1.5 Inter,sans-serif;margin:0}.shortcut-card p{font-size:12px;line-height:1.8;margin:14px 0 22px;overflow-wrap:anywhere}.shortcut-card>span{font-size:12px;margin-top:auto;display:flex;gap:20px;justify-content:space-between}.shortcut-card b{font-weight:400}.home-about{padding:42px 0 52px;border-top:1px solid var(--line)}.home-about .eyebrow{color:var(--muted);font-size:9px}.home-about-intro{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin:20px 0 32px}.home-about-intro h2{font:600 28px/1.4 Inter,sans-serif;letter-spacing:-.6px;margin:0}.home-about-intro p{font-size:14px;line-height:1.8;margin:0}.home-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.home-principles article{border-top:1px solid var(--line);padding-top:20px}.home-principles h3{font-size:14px;margin:0 0 8px}.home-principles p{font-size:12px;line-height:1.8;margin:0}.footer-links{display:flex;gap:20px;font-size:11px}footer{flex-wrap:wrap}footer small{font-size:9px;letter-spacing:.4px}@media(max-width:760px){.home-shortcuts{padding:28px 0 36px}.shortcut-grid{grid-template-columns:1fr;gap:12px}.shortcut-card{padding:20px}.shortcut-card p{margin:8px 0 18px}.home-shortcuts .section-top h2{font-size:22px}.home-about{padding:32px 0 40px}.home-about-intro{grid-template-columns:1fr;gap:14px;margin:18px 0 26px}.home-about-intro h2{font-size:25px}.home-about-intro p{font-size:13px}.home-principles{grid-template-columns:1fr;gap:20px}.home-principles article{padding-top:16px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:11px;width:100%}.tools .section-top{display:flex;gap:14px;align-items:start}.tools .section-top h2{font-size:22px}.tools #search-count{margin-top:7px;white-space:nowrap}.catalogue-intro{font-size:12px}.tools{padding-bottom:36px}}
