/* finesse · register=brand · A=workloop-emerald-mist · B=brand-jakarta-800-400
 * C=type-led-contact-letter · D=none · E=matte-editorial · SOUL=6 SPECTACLE=1 DENSITY=4 */
:root {
  --bg:#f5f9f7; /* Mist: page background */
  --surface:#fcfefd; /* Porcelain: contact surface */
  --ink:#122c24; /* Forest ink: primary text */
  --muted:#50665d; /* Moss: secondary text */
  --accent:#006b47; /* Deep emerald: accessible actions */
  --accent-hover:#00563a; /* Pine: pressed action */
  --brand:#00c979; /* Workloop green: decorative brand accent */
  --soft:#e2f3e9; /* Mint: light accent surface */
  --line:rgba(18,44,36,.14); /* Forest hairline: separators */
  --shadow:rgba(18,74,49,.09); /* Emerald shadow: depth */
  --font:'Plus Jakarta Sans',Arial,sans-serif;
}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-padding-top:100px}body{background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--font);-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:4;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1,h2{overflow-wrap:anywhere;min-width:0}h2{font-size:clamp(27px,3.2vw,40px);letter-spacing:-.045em;line-height:1.17;font-weight:800}h3{font-size:18px;letter-spacing:-.025em;line-height:1.4}.wrap{width:min(1100px,calc(100% - 72px));margin-inline:auto}.preview{text-align:center;background:var(--soft);color:var(--accent);font:12px/1.6 system-ui,sans-serif;padding:7px 16px}.header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:152px;height:auto;display:block}.header-inner>a{display:flex;align-items:center;min-height:44px}.header nav{display:flex;gap:32px}.header nav a{font-size:13px;text-decoration:none;display:flex;align-items:center;min-height:44px;white-space:nowrap}.language{color:var(--muted);font-size:12px;white-space:nowrap}.skip{position:fixed;left:16px;top:-100px;z-index:30;background:var(--surface);padding:12px}.skip:focus{top:12px}
.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:76px;align-items:center;padding-block:74px 62px}.hero-copy{min-width:0}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;font-weight:700;margin-bottom:24px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(54px,6.5vw,88px);line-height:.98;letter-spacing:-.065em;font-weight:800;margin-bottom:26px}h1>span{color:var(--accent)}.lead{max-width:385px;font-size:18px;color:var(--muted);line-height:1.6;margin-bottom:28px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:58px;padding:15px 24px;border-radius:12px;background:var(--accent);color:var(--surface);font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}.cta:hover,.cta:active{background:var(--accent-hover)}.cta:active{transform:translateY(1px)}.cta span{font-size:22px;line-height:1}.micro{font-size:11px;color:var(--muted);max-width:310px;margin-top:12px;line-height:1.6}
.contact{background:var(--soft);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 24px 48px var(--shadow);min-width:0}.contact-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--accent);font-weight:600}.contact-top>span:last-child{font-size:26px}.avatar{display:block;width:112px;height:112px;border-radius:50%;margin:34px 0 28px}.contact h2{font-size:30px;line-height:1.22;letter-spacing:-.045em}.contact>p{font-size:14px;color:var(--muted);margin-top:18px;max-width:310px}.contact-bottom{margin-top:32px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.contact-bottom span{font-size:11px;color:var(--muted)}.contact-bottom strong{font-size:16px;letter-spacing:.025em}.disclosure{display:flex;gap:14px;align-items:flex-start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:24px;color:var(--muted);font-size:12px}.info-icon{flex:0 0 22px;height:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-weight:700;color:var(--accent)}
.process{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:80px;padding-block:76px}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:20px;align-items:flex-start;padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.process li:last-child{margin:0;padding:0;border:0}.step{width:32px;height:32px;flex:0 0 32px;background:var(--soft);color:var(--accent);border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700}.process p{font-size:14px;color:var(--muted);margin-top:8px}.faq{padding-block:58px;border-top:1px solid var(--line)}.faq h2{margin-bottom:28px}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:18px 0;cursor:pointer;font-size:15px;font-weight:600}summary::-webkit-details-marker{display:none}summary>span{font-size:24px;font-weight:400;color:var(--accent);flex-shrink:0}details[open] summary>span{transform:rotate(45deg)}details p{max-width:760px;color:var(--muted);font-size:14px;padding-bottom:22px}.closing{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:35px;border-radius:22px;background:var(--soft);margin-block:0 58px}.closing h2{font-size:28px}.closing p{font-size:13px;color:var(--muted);margin-top:8px}.closing .cta{flex-shrink:0}.footer{padding-bottom:35px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.footer-top>a{font-size:13px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.footer>p{font-size:11px;color:var(--muted);max-width:760px}.footer summary{font-size:12px}.footer details p{font-size:12px}.footer .draft{font-family:system-ui,sans-serif;margin-top:18px}.mobile-cta{display:none}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-inner{height:66px}.header nav{display:none}.logo{width:140px}.hero{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:40px}.hero-copy{max-width:540px}.hero h1{font-size:clamp(52px,10vw,76px)}.hero h1 br:last-of-type{display:none}.hero h1>span:before{content:' '}.lead{font-size:16px;max-width:420px}.contact{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:20px;padding:24px;box-shadow:none}.contact-top{grid-column:1/-1;margin-bottom:18px}.avatar{width:72px;height:72px;margin:0;grid-column:1;grid-row:2/4}.contact h2{font-size:23px;grid-column:2}.contact>p{grid-column:2;font-size:12px;margin-top:10px}.contact-bottom{grid-column:1/-1;margin-top:22px;padding-top:16px}.process{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:48px}.process h2 br{display:none}.faq{padding-block:38px}.closing{flex-direction:column;align-items:flex-start;padding:26px;margin-bottom:36px}.closing .cta{width:100%}.footer-top{flex-direction:column;align-items:flex-start;gap:12px}.footer{padding-bottom:calc(124px + env(safe-area-inset-bottom,0px))}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;z-index:15;background:var(--bg);border-top:1px solid var(--line);padding:12px max(20px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))}.mobile-cta .cta{width:100%;min-height:52px}.preview{font-size:10px}.eyebrow{font-size:11px;margin-bottom:20px}.contact h2 br{display:none}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.language{font-size:10px}.logo{width:128px}.hero h1{font-size:52px}.contact{padding:20px;grid-template-columns:56px minmax(0,1fr);gap:14px}.avatar{width:56px;height:56px}.contact h2{font-size:21px}.contact>p{grid-column:1/-1;margin-top:4px}.cta{gap:20px;padding-inline:20px}.closing h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
