.public-brand-surface{isolation:isolate}
.public-brand-surface.auth-screen{background:none}
/* Approved “Warm sunrise” palette; keep the glow near the top on long pages. */
@media screen{
body{--public-paper:#f9f7f0;--public-glow-height:1050px;background:var(--public-paper)}
.public-brand-surface::before,.public-brand-surface::after{content:"";position:absolute;inset:0 0 auto;height:100%;max-height:var(--public-glow-height);pointer-events:none}
.public-brand-surface::before{z-index:-2;background:radial-gradient(ellipse 77% 90% at 0% 2%,rgba(109,177,144,.38),transparent 75%),radial-gradient(ellipse 72% 74% at 100% 45%,rgba(248,179,137,.43),transparent 73%),radial-gradient(ellipse 48% 60% at 54% 96%,rgba(237,192,97,.12),transparent 76%);mask-image:linear-gradient(to bottom,#000 0%,#000 45%,transparent 93%)}
.public-brand-surface::after{z-index:-1;background:radial-gradient(#244a33 .7px,transparent .8px);background-size:21px 21px;opacity:.07;mask-image:linear-gradient(to bottom,#000 0%,#000 45%,transparent 93%),linear-gradient(120deg,#000,transparent 82%);mask-composite:intersect}
}
.site-header-space{height:124px}
.site-header-surface{position:fixed;inset:0 0 auto;z-index:25;background:rgb(249 247 240 / calc(.96*var(--header-progress)));border-bottom:1px solid rgb(206 219 206 / calc(.65*var(--header-progress)));box-shadow:0 6px 24px rgb(24 57 47 / calc(.035*var(--header-progress)));--header-progress:0;--logo-width:112px;--logo-height:96px;--logo-shrink-width:64px;--logo-shrink-height:52px;--brand-size:36px;--brand-shrink:13px;--menu-padding:14px;--padding-shrink:2px}
/* Translucent frost on supported browsers; an opaque tint keeps the fallback readable. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header-surface{background:rgb(249 247 240 / calc(.70*var(--header-progress)));-webkit-backdrop-filter:blur(calc(20px*var(--header-progress))) saturate(calc(1 + .12*var(--header-progress)));backdrop-filter:blur(calc(20px*var(--header-progress))) saturate(calc(1 + .12*var(--header-progress)))}}
@media(prefers-contrast:more),(prefers-reduced-transparency:reduce){.site-header-surface{background:rgb(249 247 240 / calc(.98*var(--header-progress)));-webkit-backdrop-filter:none;backdrop-filter:none}}
.site-header nav a{color:var(--ink)}
.site-header{position:relative;padding-top:calc(var(--menu-padding) - var(--padding-shrink)*var(--header-progress));padding-bottom:calc(var(--menu-padding) - var(--padding-shrink)*var(--header-progress))}
.site-header .brand{font-size:calc(var(--brand-size) - var(--brand-shrink)*var(--header-progress));gap:12px}
.site-header .brand .brand-logo{width:calc(var(--logo-width) - var(--logo-shrink-width)*var(--header-progress));height:calc(var(--logo-height) - var(--logo-shrink-height)*var(--header-progress));flex-basis:calc(var(--logo-width) - var(--logo-shrink-width)*var(--header-progress))}
.skip-link:focus{position:fixed;z-index:30}
.public-brand-surface .hero{position:relative;z-index:1;padding-top:30px;padding-bottom:54px;grid-template-columns:1fr 1.04fr;gap:50px}
.public-brand-surface .auth-intro{background:none}
.public-brand-surface .auth-service-title{font-size:16px;letter-spacing:.1px;font-weight:600;line-height:1.5;margin:0 0 12px;color:#496758}
.public-brand-surface .auth-slogan{font-size:clamp(35px,3.7vw,49px);line-height:1.16;letter-spacing:-1.4px;margin:0 0 22px}
.public-brand-surface .lead{font-size:18px;line-height:1.65;margin:0;color:#526c5f;max-width:485px}
.public-brand-surface .small-note{font-size:12px;margin-top:14px}
.public-brand-surface .hero-visual{background:#fffaf2e6;backdrop-filter:blur(8px);border-color:#dce4da;box-shadow:0 22px 60px -35px #254b3566;padding:19px}
.public-brand-surface .play-mark{width:80px;height:80px;font-size:26px;box-shadow:0 3px 30px #18392f55}
.public-features{position:relative;z-index:1}
.public-features .auth-features{max-width:1160px;margin:0 auto;padding:28px 28px 52px;gap:28px 40px;background:none}
.public-features h2{font-size:17px;margin:0 0 9px;letter-spacing:-.2px}
.public-features p{margin:0;font-size:14px;line-height:1.65}
.public-features article{border-top:1px solid #c7d7c8;padding-top:17px}
.public-details{padding-top:32px;padding-bottom:44px}
.public-details .problem{border:0;padding:0 0 28px}
.public-details .problem .eyebrow{margin-bottom:12px}
.public-details .problem h2{font-size:29px;max-width:850px;margin-bottom:12px}
.public-details .problem>p:last-child{max-width:850px;margin:0}
.details-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;border-top:1px solid var(--line);padding-top:28px}
.details-grid>section{min-width:0}
.details-grid h2{font-size:29px;margin-bottom:0}
.details-grid .eyebrow{margin-bottom:12px}
.details-grid .section-heading{margin-bottom:24px}
.details-grid .step-grid{grid-template-columns:1fr;gap:20px}
.details-grid .step-grid article{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:16px;padding:0}
.details-grid .step-number{position:static;grid-column:1;grid-row:1/3;width:36px;height:36px}
.details-grid .step-grid h3{grid-column:2;font-size:18px;margin:0 0 7px}
.details-grid .step-grid p{grid-column:2;font-size:15px;line-height:1.55;margin:0}
.details-grid .faq{max-width:none;padding:0}
.details-grid .faq h2{margin-bottom:20px}
.details-grid .faq details{padding:16px 0}
.details-grid .faq summary{font-size:16px;line-height:1.5}
.details-grid .faq details p{font-size:15px;line-height:1.6;margin:12px 0 0}
.public-details .next-step{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px 28px;margin:32px 0 0}
.public-details .next-step h2{font-size:26px;margin:0 0 10px}
.public-details .next-step .eyebrow{font-size:10px;margin-bottom:10px}
.public-details .next-step p:not(.eyebrow){font-size:15px;line-height:1.6;margin:0}
.public-details .next-step .actions{margin:0;flex-wrap:nowrap}
.public-details .next-step .button{font-size:14px;padding:12px 17px;white-space:nowrap}
.public-details .template-section{border-top:1px solid var(--line);padding:28px 0 0;margin-top:28px}
.practical-example,.content-guides{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
.practical-example h2,.content-guides h2{font-size:29px;margin:0 0 16px}
.practical-example .eyebrow{margin-bottom:12px}
.example-intro,.example-explanation{max-width:900px;color:var(--muted);font-size:16px;line-height:1.7}
.example-table-scroll{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:12px;background:#fbfcf7}
.example-table-scroll:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.example-table-scroll table{border-collapse:collapse;width:100%;min-width:570px;font-size:15px;line-height:1.6;text-align:left}
.example-table-scroll th,.example-table-scroll td{padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.example-table-scroll thead th{background:#eaf1e7;font-weight:650}
.example-table-scroll tbody th{font-weight:500;width:34%}
.example-table-scroll tr:last-child th,.example-table-scroll tr:last-child td{border-bottom:0}
.example-result{border-left:3px solid var(--green);padding:12px 18px;background:#edf3e8;font-size:16px;font-weight:600;line-height:1.6;border-radius:0 8px 8px 0}
.content-guides .section-heading{margin-bottom:24px;max-width:none}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.guide-grid h3{font-size:18px;margin:0 0 12px}
.guide-grid p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 16px}
.guide-grid p:last-child{margin-bottom:0}
.related-pages{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 24px;padding-top:24px;margin-top:28px;border-top:1px solid var(--line);font-size:14px}
@media(max-width:960px){.guide-grid{grid-template-columns:1fr;gap:24px}.guide-grid article{max-width:850px}}
@media(max-width:700px){.practical-example h2,.content-guides h2{font-size:25px}.practical-example,.content-guides{padding-top:24px;margin-top:28px}.example-table-scroll th,.example-table-scroll td{padding:12px}.related-pages{align-items:stretch;flex-direction:column}}
@media(max-width:620px){.example-table-scroll table{display:block;min-width:0}.example-table-scroll thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.example-table-scroll tbody{display:block}.example-table-scroll tbody tr{display:block;padding:16px}.example-table-scroll tbody tr+tr{border-top:1px solid var(--line)}.example-table-scroll tbody th,.example-table-scroll tbody td{display:block;width:auto;padding:0;border:0}.example-table-scroll tbody th{font-size:16px;font-weight:650;margin-bottom:12px}.example-table-scroll tbody td+td{margin-top:12px}.example-table-scroll td::before{content:attr(data-label);display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:3px}}
@media(max-width:960px){.details-grid{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.public-details .next-step{grid-template-columns:1fr;gap:18px}.public-details .next-step .actions{justify-content:flex-start}}
@media(max-width:700px){.public-details{padding:24px 20px 32px}.public-details .problem h2{font-size:25px}.details-grid{grid-template-columns:1fr;gap:32px;padding-top:24px}.details-grid h2{font-size:26px}.details-grid .step-grid{gap:18px}.details-grid .section-heading{margin-bottom:20px}.public-details .next-step{padding:20px;margin-top:28px;border-radius:15px}.public-details .next-step h2{font-size:24px}.public-details .next-step .actions{flex-direction:column;align-items:stretch}.public-details .next-step .button{min-width:0}}
.public-video-dialog .transcript{padding:15px 0;border-bottom:1px solid #d3dfd2;margin:0;font-size:14px}
.public-video-dialog .transcript ol{margin:15px 0 0;padding-left:22px}
.public-dialog{border:1px solid #d3dfd2;border-radius:20px;background:#f7faf4;color:var(--ink);box-shadow:0 24px 100px #102e2855;padding:20px;max-height:calc(100dvh - 36px);max-width:calc(100vw - 32px)}
.public-dialog::backdrop,.feedback-dialog::backdrop{background:#0e271fcc;backdrop-filter:blur(7px)}
.public-dialog:not([open]){display:none}
.public-dialog .button{border:1px solid transparent;font-family:inherit;cursor:pointer}
.public-dialog .button.secondary{border-color:#bfd0bf}
.public-dialog .button:disabled{opacity:.65;cursor:wait}
.public-video-dialog{width:1160px}
.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.modal-heading h2{font-size:21px;line-height:1.4;margin:0;letter-spacing:-.4px}
.modal-close{display:grid;place-items:center;flex-shrink:0;border:1px solid #cbd8cb;border-radius:50%;width:44px;height:44px;color:#294d3c;background:#fff8;font-size:29px;line-height:1;cursor:pointer}
.modal-close:hover{background:#e4eee0}
.modal-close:focus-visible,.public-dialog button:focus-visible{outline:3px solid #a07a22;outline-offset:3px}
.public-video-dialog .video-frame video{max-height:calc(100dvh - 215px);object-fit:contain}
.public-video-dialog .video-follow{margin-top:18px}
.public-video-dialog .actions{margin:0;flex-shrink:0}
.public-video-dialog .video-follow p{max-width:420px;color:var(--muted);font-size:15px}
.public-auth-dialog{width:460px;padding:44px 36px 30px}
.public-auth-dialog>.modal-close{position:absolute;right:16px;top:14px}
.public-auth-dialog .auth-card{background:none;padding:0;margin:0;border:0;box-shadow:none}
.public-auth-dialog .eyebrow{margin:0 50px 12px 0;font-size:10px}
.public-auth-dialog h2{font-size:29px;line-height:1.2;margin:0 0 11px}
.public-auth-dialog .muted{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 24px}
.public-auth-dialog label{display:block;margin:17px 0 0;font-size:14px;font-weight:600}
.public-auth-dialog input{display:block;margin-top:8px;width:100%;min-height:46px;padding:10px 13px;border:1px solid #c6d5c7;border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-weight:400}
.public-auth-dialog input:focus{outline:2px solid #91b8a0;outline-offset:1px}
.public-auth-dialog .password-control{margin-top:8px}
.public-auth-dialog .error-text{font-size:13px;line-height:1.5;color:#a34e3c;margin:14px 0;min-height:0}
.public-auth-dialog .text-button{border:0;background:none;padding:7px 0;font:inherit;font-size:13px;color:var(--green);cursor:pointer;display:block;text-align:left;text-decoration:none}
.public-auth-dialog #auth-submit{width:100%;margin:0 0 12px}
.public-auth-dialog [hidden]{display:none!important}
.public-auth-dialog [name=password]{padding-right:46px}
.feedback-dialog{width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 36px);padding:28px;border:1px solid #c6d5c7;border-radius:18px;background:#f7faf4;color:var(--ink)}
.feedback-dialog .feedback-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.feedback-dialog h2{font-size:24px;margin:0}
.feedback-dialog p{font-size:14px;line-height:1.6}
.feedback-dialog label{display:block;font-size:14px;margin:16px 0}
.feedback-dialog input{display:block;width:100%;margin-top:8px;min-height:46px;padding:10px 13px;border:1px solid #c6d5c7;border-radius:8px;font:inherit}
.feedback-dialog button{font:inherit;cursor:pointer}
.feedback-dialog .text-button{border:0;background:none;color:var(--green);font-size:13px}
.feedback-dialog .error-text{color:#a34e3c}
.feedback-dialog [hidden]{display:none!important}
html.public-modal-open{overflow:hidden}
@media(max-width:760px){.site-header nav>a:not(.login-link){display:none}}
@media(max-width:620px){.site-header-space{height:112px}.site-header-surface{--logo-width:100px;--logo-height:86px;--logo-shrink-width:54px;--logo-shrink-height:46px;--brand-size:27px;--brand-shrink:5px;--menu-padding:13px;--padding-shrink:1px}.site-header{gap:14px}.site-header .brand{gap:8px}.site-header .login-link{padding:8px 18px}.public-brand-surface .hero-copy h1.auth-service-title{font-size:14px;margin-top:0}}
@media(max-width:850px){.public-brand-surface .hero{gap:25px}.public-brand-surface .auth-intro .brand-logo{width:110px;height:94px;flex-basis:110px}.public-brand-surface .auth-slogan{font-size:36px}.public-video-dialog .video-follow{align-items:stretch;flex-direction:column}.public-video-dialog .video-follow p{max-width:none}.public-video-dialog .actions{flex-wrap:wrap}.public-video-dialog .actions .button{flex:1}}
@media(max-width:620px){.public-brand-surface .hero{padding-top:15px;padding-bottom:28px;gap:26px}.public-brand-surface .auth-intro .brand{font-size:30px;gap:8px}.public-brand-surface .auth-intro .brand-logo{width:104px;height:90px;flex-basis:104px}.public-brand-surface .auth-service-title{font-size:14px;margin-top:18px}.public-brand-surface .auth-slogan{font-size:34px;letter-spacing:-.8px}.public-brand-surface .lead{font-size:16px}.public-brand-surface .hero-visual{padding:14px}.public-brand-surface .play-mark{width:72px;height:72px;font-size:23px}.public-features .auth-features{padding:22px 20px 34px;gap:22px}.public-dialog{padding:12px;border-radius:14px;max-width:calc(100vw - 20px)}.modal-heading{gap:12px;margin-bottom:12px}.modal-heading h2{font-size:17px}.public-video-dialog .video-follow p{font-size:14px}.public-video-dialog .actions .button{font-size:13px;min-width:125px;padding:11px 12px}.public-auth-dialog{padding:45px 24px 25px}.public-auth-dialog h2{font-size:27px}.public-auth-dialog .auth-card .button{font-size:14px}}