:root{--ink:#222;--paper:#fffaf3;--canvas:#f1ebe2;--white:#fff;--line:#c9c1b6;--line-dark:#79746c;--muted:#716d66;--green:#38f452;--green-dark:#0b8d35;--green-soft:#d5ffd4;--yellow-soft:#fff0bd;--shadow:6px 6px 0 rgba(34,34,34,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{position:relative;min-width:320px;margin:0;color:var(--ink);background:var(--canvas);font-family:"Montserrat",Arial,sans-serif;font-size:15px}button,a{color:inherit;font:inherit}button{border:0;cursor:pointer}a{outline-offset:3px}h1,h2,p{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.panel-doodles{position:fixed;z-index:0;inset:76px 0 60px;overflow:hidden;pointer-events:none}.panel-doodle{position:absolute;display:block;overflow:hidden}.panel-doodle img{position:absolute;display:block;max-width:none;opacity:.2;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse at center,#000 0 42%,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 0 42%,transparent 78%)}.doodle-soft{top:-150px;left:-190px;width:720px;height:650px}.doodle-soft img{top:-70px;left:-20px;width:790px}.doodle-coral{top:260px;right:-230px;width:680px;height:610px}.doodle-coral img{top:-100px;left:-60px;width:810px;opacity:.14}
.topbar{position:sticky;z-index:100;top:0;display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(280px,1fr);min-height:76px;align-items:center;gap:28px;padding:9px max(20px,calc((100vw - 1240px)/2));color:var(--paper);background:var(--ink);border-bottom:4px solid var(--green)}.brand{display:block;width:225px;height:54px;padding:2px 6px;overflow:hidden;border-radius:3px;background:var(--paper)}.brand img{width:100%;height:100%;object-fit:contain;transform:scale(1.1)}.panel-name{display:grid;gap:3px;text-align:center}.panel-name strong{font-size:.92rem;font-weight:900}.panel-name span{color:rgba(255,250,243,.62);font-size:.5rem;font-weight:700}.account-wrap{position:relative;justify-self:end}.account-button{display:flex;min-height:44px;align-items:center;gap:10px;padding:4px 7px 4px 4px;border:1px solid rgba(255,250,243,.3);border-radius:4px;color:var(--paper);background:transparent;text-align:left}.account-button:hover,.account-button[aria-expanded="true"]{border-color:var(--green)}.account-initials{display:grid;width:34px;height:34px;place-items:center;border-radius:3px;color:var(--ink);background:var(--green);font-size:.68rem;font-weight:900}.account-label{display:grid;gap:2px}.account-label small{color:rgba(255,250,243,.62);font-size:.5rem;font-weight:700}.account-label strong{max-width:175px;overflow:hidden;font-size:.61rem;text-overflow:ellipsis}.account-button>svg{width:14px}.account-menu{position:absolute;z-index:120;top:52px;right:0;width:300px;overflow:hidden;border:1px solid var(--line-dark);border-radius:5px;color:var(--ink);background:var(--paper);box-shadow:var(--shadow)}.account-menu header,.account-menu section{padding:14px 16px;border-bottom:1px solid var(--line)}.account-menu header small,.account-menu section>span{display:block;margin-bottom:5px;color:var(--muted);font-size:.52rem;font-weight:900;letter-spacing:.07em}.account-menu header strong{font-size:.68rem}.account-menu p{display:flex;align-items:center;justify-content:space-between;margin:8px 0 0;font-size:.59rem}.account-menu p b{font-size:.56rem}.account-menu p strong{color:var(--green-dark);font-size:.57rem}.menu-contact{display:flex;width:100%;align-items:center;gap:8px;padding:13px 16px;background:transparent;font-size:.63rem;font-weight:800;text-align:left}.menu-contact:hover{background:var(--green-soft)}.menu-contact svg{width:15px}
.panel-shell{position:relative;z-index:1;width:min(1240px,calc(100% - 36px));min-height:calc(100vh - 136px);margin:0 auto;padding:58px 0 44px}.eyebrow{margin:0 0 7px;color:var(--muted);font-size:.61rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.intro{max-width:820px;margin-bottom:30px}.intro h1{margin-bottom:9px;font-size:clamp(2.2rem,4vw,4rem);font-weight:900;letter-spacing:-.045em;line-height:.98;text-transform:uppercase}.intro>p:last-child{margin-bottom:0;color:var(--muted);font-size:.8rem;font-weight:600;line-height:1.5}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-card{display:grid;grid-template-rows:1fr auto auto;min-height:310px;padding:26px 26px 18px;border:1px solid var(--line-dark);border-radius:6px;background:rgba(255,250,243,.95);box-shadow:var(--shadow)}.tool-heading{display:grid;grid-template-columns:56px 1fr;gap:17px;align-items:start}.tool-icon{display:grid;width:54px;height:54px;place-items:center;border:1px solid var(--line-dark);border-radius:4px;background:var(--white)}.tool-icon svg{width:26px}.tool-heading h2{max-width:480px;margin:0;font-size:clamp(1.55rem,2.3vw,2.35rem);font-weight:900;letter-spacing:-.035em;line-height:1.04;text-transform:uppercase}.tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 17px}.tool-actions .primary-button{width:100%}.primary-button,.secondary-button{position:relative;display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border-radius:4px;font-size:.69rem;font-weight:900;text-decoration:none}.primary-button{border:1px solid var(--green-dark);background:var(--green)}.primary-button:hover{background:#64f573}.secondary-button{border:1px solid var(--line-dark);background:var(--white)}.secondary-button:hover{border-color:var(--ink)}.primary-button svg,.secondary-button svg{width:16px}.details-button{display:flex;width:max-content;align-items:center;gap:6px;padding:5px 0;color:var(--muted);background:transparent;font-size:.61rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}.details-button:hover{color:var(--ink)}.details-button svg{width:13px}
.support-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:20px 22px;border:1px solid #c97825;border-radius:6px;background:rgba(255,240,189,.95);box-shadow:var(--shadow)}.support-bar h2{margin:0;font-size:1.18rem;font-weight:900;text-transform:uppercase}.support-actions{display:flex;gap:8px}.footer{position:relative;z-index:1;display:flex;min-height:60px;align-items:center;justify-content:space-between;gap:20px;padding:16px max(20px,calc((100vw - 1240px)/2));color:rgba(255,250,243,.68);background:var(--ink);border-top:4px solid var(--green);font-size:.6rem;font-weight:700}.footer a{color:var(--paper)}
.info-dialog{width:min(590px,calc(100% - 28px));padding:30px;border:1px solid var(--line-dark);border-radius:6px;color:var(--ink);background:var(--paper);box-shadow:10px 10px 0 rgba(34,34,34,.2)}.info-dialog::backdrop{background:rgba(34,34,34,.7)}.info-dialog h2{max-width:500px;margin-bottom:12px;font-size:1.8rem;font-weight:900;line-height:1.05;text-transform:uppercase}.info-dialog>p:not(.eyebrow){color:var(--muted);font-size:.75rem;font-weight:600;line-height:1.6}.dialog-close{position:absolute;top:12px;right:12px;display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:4px;background:var(--white)}.dialog-close:hover{border-color:var(--ink)}.dialog-close svg{width:17px}.dialog-note{display:grid;grid-template-columns:90px 1fr;gap:10px;margin-top:8px;padding:11px;border-left:4px solid var(--green);background:var(--green-soft);font-size:.65rem}.dialog-note span{color:var(--muted);font-weight:650}.dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
@media(max-width:820px){.topbar{grid-template-columns:1fr auto}.panel-name{display:none}.account-label{display:none}.tool-grid{grid-template-columns:1fr}.support-bar{align-items:flex-start;flex-direction:column}.support-actions{width:100%}.support-actions a{flex:1}.doodle-soft{left:-300px}.doodle-coral{right:-360px}}
@media(max-width:540px){.topbar{padding-inline:12px}.brand{width:170px;height:44px;padding:2px 5px}.panel-shell{width:calc(100% - 20px);padding:36px 0}.intro h1{font-size:2.45rem}.intro>p:last-child{font-size:.72rem}.tool-card{min-height:290px;padding:20px 18px 16px}.tool-heading{grid-template-columns:46px 1fr;gap:12px}.tool-icon{width:44px;height:44px}.tool-icon svg{width:21px}.tool-heading h2{font-size:1.52rem}.tool-actions,.vision-actions{flex-direction:column}.tool-actions a{width:100%}.support-actions{flex-direction:column}.support-actions a{width:100%}.footer{align-items:flex-start;flex-direction:column;gap:7px}.account-menu{position:fixed;top:76px;right:10px;left:10px;width:auto}.info-dialog{padding:26px 20px}.info-dialog h2{font-size:1.45rem}.dialog-actions{flex-direction:column}.dialog-actions a{width:100%}.panel-doodle img{opacity:.12}}

.intro{max-width:960px;margin-bottom:34px}.intro h1{max-width:900px;margin-bottom:14px;letter-spacing:0}.intro>p:last-child{max-width:850px;color:var(--ink);font-size:.88rem;font-weight:650;line-height:1.55}.tool-selector-label{margin:0 0 10px;color:var(--muted);font-size:.61rem;font-weight:900;text-transform:uppercase}
@media(max-width:540px){.intro>p:last-child{font-size:.72rem}}
.account-wrap{display:flex;align-items:center;gap:8px}.panel-language-switch select{min-height:44px;padding:0 26px 0 10px;border:1px solid rgba(255,250,243,.3);border-radius:4px;color:var(--paper);background:#222;font-size:.58rem;font-weight:900;cursor:pointer}.panel-language-switch select:hover,.panel-language-switch select:focus{border-color:var(--green);outline:none}@media(max-width:540px){.panel-language-switch select{min-height:40px;padding-inline:8px 22px}.account-wrap{gap:5px}}
