/* Stayroute Studio · locally hosted, no external CSS/fonts/scripts */
:root{--paper:#f6f6f1;--card:#fffefa;--ink:#202824;--sub:#69716a;--border:#dce0d7;--green:#667961;--green-light:#e6ebdf;--black:#222a26;--round:18px;--shadow:0 14px 45px rgba(34,42,38,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}img,svg{max-width:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}::selection{background:#d1dbc9;color:var(--ink)}:focus-visible{outline:3px solid #93a98e;outline-offset:3px}[hidden],.hidden{display:none!important}.container{max-width:1224px;margin:0 auto;padding:0 32px}.skip-link{position:fixed;z-index:300;background:var(--ink);color:white;left:20px;top:-60px;padding:10px}.skip-link:focus{top:10px}
.header{position:relative;z-index:10;border-bottom:1px solid var(--border);background:rgba(246,246,241,.97)}.header-inner{height:87px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{width:40px;height:40px;flex-shrink:0;color:var(--ink)}.brand-title{font-size:18px;font-weight:550;letter-spacing:-.85px}.brand-title strong{font-weight:760}.brand-slash{color:#849187;margin:0 4px}.main-nav{display:flex;align-items:center;gap:31px;margin-left:auto}.nav-link{font-size:13px;color:#68736a;font-weight:550;transition:color .2s}.nav-link:hover,.nav-link.is-active{color:var(--ink)}.nav-share{font-size:13px;font-weight:700;padding:11px 15px;border:1px solid var(--border);border-radius:100px;white-space:nowrap}.nav-share:hover{border-color:var(--ink)}.nav-share span{margin-left:7px}.header-right{display:flex;align-items:center;gap:10px}.language-switch{display:inline-flex;border:1px solid var(--border);border-radius:100px;padding:3px;gap:1px;background:#f0f1eb}.language-switch a{padding:5px 9px;font-weight:750;font-size:11px;border-radius:100px;letter-spacing:.3px;color:#90978e}.language-switch a.selected{background:var(--ink);color:white}.mobile-tool{display:none}
.eyebrow{font-size:11px;letter-spacing:2.15px;font-weight:780;text-transform:uppercase;display:inline-flex;align-items:center;gap:11px;color:#526951}.eyebrow-small{font-size:10px;letter-spacing:1.8px}.eyebrow-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#788d69;flex-shrink:0}.status-dot{width:6px;height:6px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-1.5px;line-height:1.12}h1{font-size:clamp(48px,5.6vw,78px);font-weight:600;letter-spacing:-4.4px}h2{font-size:clamp(36px,4vw,55px);font-weight:600;letter-spacing:-2.8px}h3{font-size:21px;letter-spacing:-.65px}.button{min-height:50px;display:inline-flex;gap:20px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:720;padding:12px 20px;white-space:nowrap;transition:transform .15s,background .15s,border-color .15s;user-select:none}.button:not(:disabled):hover{transform:translateY(-2px)}.button svg{width:17px;height:17px}.button-primary{background:var(--ink);color:white}.button-primary:hover,.button-dark:hover{background:#384941}.button-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.button-outline{background:#fff;border-color:var(--border);color:var(--ink)}.button-outline:hover{border-color:#a5afa2}.button-cream{background:#f4f4e8;color:var(--ink)}.subtle-link{font-size:13px;font-weight:650;display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid #929c8f;padding:7px 0}.subtle-link:hover{color:var(--green)}
.hero{padding-top:79px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:70px;align-items:center}.hero-copy{padding:5px 0 35px}.hero-copy h1{margin:33px 0 29px}.hero-copy h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#72806e;letter-spacing:-3.9px;white-space:nowrap}.hero-description{max-width:470px;color:var(--sub);font-size:17px;line-height:1.72;margin-bottom:31px}.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.hero-notes{display:flex;gap:24px;margin-top:47px;font-size:12px;font-weight:550;color:#687169;flex-wrap:wrap}.hero-notes span{white-space:nowrap}.check-icon{display:inline-flex;border:1px solid #c5d0c1;border-radius:50%;height:18px;width:18px;align-items:center;justify-content:center;margin-right:6px;color:#647b62;font-weight:900;font-size:10px}.hero-visual{position:relative;min-width:0;background:#e6ebe1;border:1px solid #d6ddd2;border-radius:21px;padding:17px;box-shadow:0 30px 65px rgba(40,59,43,.08)}.hero-meta{display:flex;justify-content:space-between;gap:10px;margin:3px 3px 14px;color:#546757;font-size:10px;font-weight:760;letter-spacing:1.15px}.artboard{position:relative;overflow:hidden;border-radius:10px}.art-photo{aspect-ratio:1.33;overflow:hidden;background:#afbbb0}.art-photo img{width:100%;height:100%;display:block;object-fit:cover}.art-float{position:absolute;bottom:17px;left:17px;right:17px;max-width:295px;display:flex;align-items:center;gap:13px;background:rgba(255,254,249,.95);border-radius:8px;padding:11px 13px;box-shadow:0 4px 30px #24302621;font-size:12px;font-weight:630;line-height:1.35}.art-float-icon{width:31px;height:31px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#e1ebdc;color:#576c59;font-size:23px;flex-shrink:0}.hero-image-foot{display:flex;justify-content:space-between;margin:14px 2px 2px;font-size:10px;font-weight:780;letter-spacing:.9px;color:#596e5e;gap:10px}.hero-image-foot .size-cross{text-decoration:line-through;color:#8b9a8c}.dash-long{padding:0 5px}.hero-bottom{display:flex;align-items:center;gap:20px;padding-top:69px;padding-bottom:26px;color:#737c73;font-size:11px;letter-spacing:.35px}.hero-bottom-line{flex:1;min-width:20px;height:1px;background:#d8ded4}.hero-bottom span:last-child{white-space:nowrap;color:#9da59b}
.workspace-section{padding:102px 0 105px;background:#e9eee7;scroll-margin-top:16px}.section-heading{max-width:650px;margin-bottom:43px}.section-heading h2{margin:19px 0 14px}.section-heading p{max-width:560px;color:#6a756a;line-height:1.72;font-size:16px;margin:0}.tool-shell{background:var(--card);border:1px solid #d8dfd4;box-shadow:0 28px 80px #2b482219;border-radius:16px;overflow:hidden}.tool-topbar{height:79px;padding:15px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:16px}.tool-switch{display:flex;align-items:center;gap:8px}.tool-tab{border:none;background:none;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:680;color:#748074;display:flex;align-items:center;gap:11px;transition:background .2s,color .2s}.tool-tab:hover{background:#f3f5ef;color:var(--ink)}.tool-tab.active{background:var(--ink);color:#fff}.tab-icon{font-size:18px;line-height:1;font-weight:400}.tool-topbar-badge{font-size:10px;letter-spacing:1px;display:flex;gap:8px;align-items:center;color:#768276;font-weight:740;white-space:nowrap}.tool-body{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(290px,1fr)}.tool-left{padding:28px 32px 32px;border-right:1px solid var(--border);min-width:0}.dropzone{border:1.7px dashed #c9d3c3;border-radius:11px;background:#f8faf5;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:321px;padding:24px 15px;text-align:center;transition:border-color .2s,background .2s}.dropzone.drag-over{background:#eaf3e5;border-color:#638b64}.drop-icon{height:69px;width:69px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#e8eee2;color:#6d8367;margin-bottom:18px}.dropzone h3{font-size:21px;margin:0 0 5px;letter-spacing:-.8px}.dropzone p{font-size:13px;color:#7b847b;margin:0 0 17px}.dropzone .select-button{min-height:43px;padding:9px 16px;font-size:12px;gap:16px}.dropzone .drop-hint{font-size:11px;margin:15px 0 0;color:#909a8e;line-height:1.45}.privacy-line{color:#738575;display:flex;align-items:center;gap:8px;font-size:11px;margin-top:14px}.privacy-line svg{flex-shrink:0}.file-list-header{display:flex;align-items:center;justify-content:space-between;margin:28px 0 11px;gap:10px}.file-list-header h3{font-size:16px;margin:0;letter-spacing:-.4px}.file-list-header h3 span{font-size:11px;color:#7a8878;margin-left:6px;vertical-align:middle}.text-button{background:none;border:none;color:#677e64;font-weight:700;font-size:12px;padding:4px 0}.text-button:hover{text-decoration:underline}.file-list{display:flex;flex-direction:column;gap:9px}.empty-list{padding:22px 13px;background:#f8f9f5;border:1px solid #eff0e8;border-radius:9px;font-size:12px;color:#91988e;text-align:center}.file-entry{border:1px solid var(--border);border-radius:9px;padding:10px 11px;display:flex;align-items:center;gap:12px;min-width:0}.file-thumb{width:45px;height:45px;flex-shrink:0;border-radius:6px;background:#e7eae1;object-fit:cover}.file-meta{min-width:0;flex:1}.file-name{font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-sub{font-size:11px;color:#879187;margin-top:3px}.remove-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:7px;color:#7b847a;font-size:20px}.remove-button:hover{border-color:#e0e4dc;color:#b24e41}.file-fail{border-color:#e9bcad;background:#fffaf7}.file-fail .file-sub{color:#ba5f45}
.tool-sidebar{padding:27px 27px 28px;display:flex;flex-direction:column;min-width:0}.settings-title{font-size:17px;letter-spacing:-.6px;display:flex;justify-content:space-between;align-items:center;padding-bottom:19px;margin-bottom:27px;border-bottom:1px solid var(--border)}.settings-title span{font-size:10px;letter-spacing:1px;color:#a1a9a0;font-weight:700}.setting-group{margin-bottom:27px}.field-label{font-size:12px;font-weight:730;color:#4a584d;display:block;margin-bottom:11px}.select-wrap{position:relative}.select-wrap:after{content:"⌄";position:absolute;right:16px;top:50%;transform:translateY(-62%);pointer-events:none;color:#717e70;font-size:18px}select{appearance:none;width:100%;border:1px solid #d8ded2;border-radius:8px;background:#fbfcf9;color:var(--ink);padding:12px 34px 12px 13px;min-height:47px;font-size:12px;font-weight:620}select:focus{outline:2px solid #9bb096}.quality-header{display:flex;align-items:center;justify-content:space-between}.quality-header output{font-size:12px;font-weight:750;color:#59715b;background:#ecf2e9;padding:4px 9px;border-radius:6px}.quality-header .field-label{margin-bottom:0}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:5px;border-radius:5px;background:#dce3d8;outline:none;accent-color:#607a60;margin:18px 0 0}input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border:4px solid #fbfcf8;background:#5c7a5e;border-radius:50%;box-shadow:0 0 0 1px #b4c3b1;cursor:ew-resize}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:4px solid #fbfcf8;background:#5c7a5e;border-radius:50%;box-shadow:0 0 0 1px #b4c3b1;cursor:ew-resize}.range-scale{display:flex;justify-content:space-between;font-size:10px;color:#9da99a;margin-top:5px}.dimensions{display:grid;grid-template-columns:1fr 12px 1fr;gap:8px;align-items:end}.dimensions label{font-size:11px;color:#7b867a;min-width:0}.dimensions input{border-radius:7px;border:1px solid #dbe1d6;background:#fcfdfb;height:44px;width:100%;padding:0 9px;font-size:12px;font-weight:730;margin-top:6px;outline-color:#809b78}.dimensions-times{font-size:15px;margin-bottom:12px;color:#a3aea0;text-align:center}.input-hint{font-size:10px;color:#9ca89a;margin:9px 0 0}.setting-note{border-left:2px solid #b1c5a5;padding:3px 0 3px 12px;color:#8d998c;font-size:11px;line-height:1.6}.sidebar-spacer{flex:1;min-height:35px}.button-run{width:100%;display:flex;justify-content:space-between;min-height:54px}.button-run:disabled{opacity:.53}.sidebar-foot{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#929f91;margin:17px 0 0;text-align:center}.progress-wrap{margin-top:15px}.progress-bar{height:5px;background:#e2e8df;border-radius:10px;overflow:hidden}.progress-bar span{display:block;width:0;height:100%;background:#728a70;transition:width .18s}.progress-wrap #progress-label{font-size:11px;color:#728172;display:block;margin-top:7px}
.result-panel{border-top:1px solid var(--border);background:#fbfcf9;padding:27px 32px 34px}.results-header{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.results-header h3{font-size:20px;margin:7px 0 0}.results-header .button{min-height:40px;font-size:12px;padding:8px 14px}.result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.empty-result{grid-column:1/-1;background:#f2f5ef;border:1px dashed #d8e1d5;border-radius:8px;padding:24px;color:#8c998c;font-size:12px;text-align:center}.result-entry{display:flex;align-items:center;gap:11px;min-width:0;padding:11px;background:#fff;border:1px solid #e0e5dd;border-radius:9px}.result-entry img{height:52px;width:52px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#e9eee6}.result-data{flex:1;min-width:0}.result-name{font-size:11px;font-weight:760;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.result-stats{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px;font-size:10px;color:#879183}.stat-save{color:#5d865b;font-weight:740}.stat-grow{color:#b27655;font-weight:740}.result-actions{display:flex;align-items:center;gap:4px}.mini-action{font-size:11px;font-weight:720;background:#edf1e9;border:1px solid transparent;color:#546c55;padding:8px 9px;border-radius:7px;line-height:1}.mini-action:hover{background:#dfe9da}.mini-action.secondary{background:white;color:#859082;border-color:#e0e5dd}.mini-action.secondary:hover{color:var(--ink)}.comparison{border-top:1px solid #dfe5dc;margin-top:25px;padding-top:20px}.comparison-title{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:12px}.comparison-title span{font-size:11px;color:#9ca69a;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-frame{height:300px;position:relative;overflow:hidden;background:linear-gradient(45deg,#f4f4f2 25%,transparent 25%),linear-gradient(-45deg,#f4f4f2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f4f4f2 75%),linear-gradient(-45deg,transparent 75%,#f4f4f2 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border:1px solid var(--border);border-radius:9px}.compare-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.compare-frame #compare-before{z-index:2;clip-path:inset(0 50% 0 0)}.compare-frame #compare-after{z-index:1}.compare-split{position:absolute;left:50%;top:0;height:100%;border-left:2px solid white;transform:translateX(-1px);z-index:3;pointer-events:none;filter:drop-shadow(0 1px 2px #3335)}.compare-split span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:flex;width:29px;height:29px;border-radius:50%;align-items:center;justify-content:center;background:white;color:#34453b;box-shadow:0 2px 10px #0003}.compare-tag{z-index:4;position:absolute;top:10px;background:#fffffff0;border-radius:5px;font-size:10px;font-weight:750;padding:4px 8px}.compare-tag-before{left:10px}.compare-tag-after{right:10px}.compare-range{margin:15px 0 1px!important}
.how-section{padding:112px 0}.how-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.how-head h2{max-width:660px;margin:18px 0 35px}.how-decoration{font-family:Georgia,serif;font-size:110px;color:#c7d2c2;line-height:1}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cbd4c7}.steps article{padding:25px 35px 10px 0;position:relative}.steps article+article{border-left:1px solid #cbd4c7;padding-left:35px}.step-number{font-size:11px;letter-spacing:1.2px;color:#71846e;font-weight:740}.step-symbol{display:block;font-size:40px;font-family:Georgia,serif;font-weight:400;color:#869985;margin:30px 0 20px}.steps h3{font-size:20px;margin:0 0 14px;letter-spacing:-.8px}.steps p{color:#7b8678;line-height:1.75;font-size:13px;max-width:310px}.share-promo{background:#29372f;padding:62px 0 65px;color:#fff}.promo-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}.share-promo .eyebrow{color:#bccbb4}.share-promo h2{font-size:43px;letter-spacing:-2px;margin:10px 0 12px}.share-promo p{max-width:480px;color:#b9c6bb;margin:0;font-size:14px;line-height:1.75}.footer{background:#f3f5ef;border-top:1px solid #e4e8df;padding:63px 0 0}.footer-main{display:flex;justify-content:space-between;gap:60px}.footer-brand .brand-mark{width:35px;height:35px}.footer-brand .brand-title{font-size:17px}.footer-lead{font-family:Georgia,serif;font-size:23px;letter-spacing:-.7px;margin:20px 0 7px}.footer-desc{max-width:320px;font-size:12px;color:#899488;line-height:1.8}.footer-menu{display:flex;gap:55px}.footer-menu>div{display:flex;flex-direction:column;gap:11px}.footer-heading{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;font-weight:790;color:#586d59;margin:0 0 7px}.footer-menu a{color:#89958b;font-size:12px;font-weight:550;white-space:nowrap}.footer-menu a:hover{color:var(--ink)}.footer-bottom{border-top:1px solid #dfe4dc;margin-top:60px;padding:20px 0 24px;display:flex;justify-content:space-between;gap:15px;color:#a0aa9c;font-size:10px;letter-spacing:.4px}
.inner-hero{padding:100px 0 95px;border-bottom:1px solid var(--border)}.inner-hero h1{max-width:970px;margin:25px 0 23px}.inner-hero p{font-size:17px;color:#788377;line-height:1.8;max-width:690px;margin:0}.content-section{padding:85px 0 110px}.content-layout{display:grid;grid-template-columns:220px 1fr;gap:75px}.content-sidebar{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.content-sidebar span{font-size:11px;letter-spacing:1.5px;color:#799177;font-weight:700}.content-sidebar strong{font-family:Georgia,serif;font-size:65px;font-weight:400;letter-spacing:-4px}.content-sidebar a{border-bottom:1px solid #8e9c8c;color:#687c67;font-size:12px;font-weight:700}.faq-list{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{display:grid;grid-template-columns:35px 1fr 30px;gap:20px;align-items:center;padding:26px 0;list-style:none;cursor:pointer;font-weight:690;font-size:18px;letter-spacing:-.6px}.faq-item summary::-webkit-details-marker{display:none}.faq-index{font-size:10px;color:#8ca087;font-weight:750;letter-spacing:1px}.faq-plus{font-size:25px;font-weight:400;text-align:right;color:#9baa98;transition:transform .15s}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-item p{color:#7c8879;max-width:650px;font-size:14px;line-height:1.85;margin:0 0 28px 55px}.about-intro{margin-bottom:30px}.about-intro h2{margin:10px 0 0;font-size:37px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value-card{border:1px solid #dce3d8;border-radius:10px;background:#fdfefa;padding:30px;min-height:240px}.value-card>span{font-size:11px;color:#839982;font-weight:800;letter-spacing:1px}.value-card h3{margin:40px 0 12px}.value-card p{font-size:13px;color:#79877a;line-height:1.8}.about-note{background:#e5ecdf;padding:38px 42px;display:flex;gap:25px;align-items:center;margin-top:27px;border-radius:9px}.about-note>span{font-size:10px;letter-spacing:1px;font-weight:780;color:#647863;flex-shrink:0}.about-note p{flex:1;max-width:550px;font-size:13px;color:#667b66;margin:0}.about-note .button{font-size:12px}.narrow-content{max-width:920px}.legal-block{display:grid;grid-template-columns:70px 1fr;gap:15px;padding:30px 0;border-top:1px solid #dce1da}.legal-block>span{font-size:11px;font-weight:790;color:#849681}.legal-block h2{font-size:21px;letter-spacing:-.6px;margin-bottom:11px}.legal-block p{font-size:14px;color:#7e897d;line-height:1.85;max-width:740px}.legal-extra{padding:25px 0}.legal-extra a{color:#627f61;border-bottom:1px solid currentColor;font-weight:730;font-size:13px}.notfound{height:100vh;display:grid;place-items:center}.notfound-inner{text-align:center;padding:30px}.notfound h1{font-size:150px;margin:20px 0 10px}.notfound h1 span{color:#8a9b7f}.notfound p{color:#82907f;margin-bottom:30px}.toast{position:fixed;z-index:250;left:50%;bottom:26px;transform:translateX(-50%);background:#253b2e;color:white;padding:13px 18px;border-radius:9px;font-size:12px;font-weight:630;box-shadow:0 10px 30px #27382532;max-width:calc(100vw - 30px);text-align:center;min-width:200px}.toast.is-error{background:#863d31}
@media(max-width:1100px){.hero-grid{gap:34px}.hero-copy h1{font-size:clamp(44px,5vw,67px);letter-spacing:-3px}.hero-copy h1 em{letter-spacing:-2.6px}.main-nav{gap:18px}.footer-menu{gap:32px}.result-list{grid-template-columns:1fr}.tool-left{padding:26px 23px}.tool-sidebar{padding:26px 22px}}
@media(max-width:850px){.container{padding:0 24px}.header-inner{height:76px}.main-nav{gap:15px}.main-nav .nav-link:nth-child(3){display:none}.hero{padding-top:60px}.hero-grid{gap:24px}.hero-copy h1{font-size:50px;letter-spacing:-2.9px}.hero-copy h1 em{white-space:normal}.hero-description{font-size:15px}.hero-notes{margin-top:30px;gap:12px}.tool-body{grid-template-columns:minmax(0,1fr) 275px}.tool-left{padding:23px 18px}.tool-sidebar{padding:23px 16px}.tool-topbar{padding:12px 17px}.tool-tab{padding:11px}.footer-main{flex-wrap:wrap}.footer-menu{flex-wrap:wrap}.content-layout{grid-template-columns:150px 1fr;gap:20px}}
@media(max-width:690px){.container{padding:0 19px}.header-inner{height:69px}.brand-mark{height:35px;width:35px}.brand-title{font-size:16px}.main-nav{display:none}.mobile-tool{display:inline-flex;justify-content:center;align-items:center;background:var(--ink);color:white;height:32px;width:32px;border-radius:50%}.language-switch a{font-size:11px;padding:5px 8px}.hero{padding-top:52px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:37px}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(42px,9vw,64px);margin:23px 0 22px;letter-spacing:-2.4px}.hero-copy h1 em{letter-spacing:-2.4px}.hero-description{max-width:500px;font-size:15px;line-height:1.67}.hero-actions{gap:21px}.hero-notes{font-size:11px;margin-top:29px}.hero-visual{max-width:550px;width:100%;margin:0 auto}.art-photo{aspect-ratio:1.34}.hero-bottom{padding-top:40px}.hero-bottom span:last-child{display:none}.workspace-section{padding:73px 0}.section-heading{margin-bottom:29px}.section-heading h2{font-size:42px;letter-spacing:-2px}.section-heading p{font-size:14px}.tool-topbar{padding:11px;height:auto}.tool-topbar-badge{display:none}.tool-switch{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.tool-tab{font-size:11px;justify-content:center;padding:11px 4px;gap:4px}.tab-icon{font-size:15px}.tool-body{display:flex;flex-direction:column}.tool-left{border-right:0;padding:19px 16px 24px}.dropzone{min-height:278px}.tool-sidebar{border-top:1px solid var(--border);padding:25px 19px}.sidebar-spacer{min-height:14px}.result-panel{padding:24px 17px 27px}.results-header{align-items:start;flex-direction:column}.results-header h3{font-size:19px}.result-list{grid-template-columns:1fr}.compare-frame{height:245px}.how-section{padding:75px 0}.how-head h2{font-size:39px;margin-bottom:25px}.how-decoration{display:none}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:23px 0 18px;border-left:0;border-bottom:1px solid #d9e0d4}.step-symbol{display:none}.steps h3{margin-top:16px}.steps p{max-width:unset}.share-promo{padding:49px 0}.promo-inner{align-items:flex-start;flex-direction:column;gap:25px}.share-promo h2{font-size:36px}.footer{padding-top:48px}.footer-main{flex-direction:column;gap:38px}.footer-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 28px}.footer-bottom{margin-top:39px}.footer-bottom span:last-child{display:none}.inner-hero{padding:75px 0}.inner-hero h1{font-size:46px;letter-spacing:-2.4px}.inner-hero p{font-size:15px}.content-section{padding:55px 0 75px}.content-layout{grid-template-columns:1fr;gap:20px}.content-sidebar{display:none}.faq-item summary{font-size:16px;gap:10px;grid-template-columns:25px 1fr 24px}.faq-item p{margin-left:35px;font-size:13px}.values-grid{grid-template-columns:1fr}.value-card{min-height:0;padding:26px}.value-card h3{margin:24px 0 10px}.about-note{flex-direction:column;align-items:flex-start;padding:26px}.legal-block{grid-template-columns:34px 1fr;gap:10px}.legal-block h2{font-size:18px}.legal-block p{font-size:13px}}
@media(max-width:370px){.hero-copy h1{font-size:40px}.brand-title{font-size:14px}.header-right{gap:7px}.hero-actions{align-items:flex-start;flex-direction:column}.tool-tab{font-size:10px}.file-entry{gap:7px}.result-entry{gap:7px}.mini-action{font-size:10px;padding:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}