/* Guided Specimen Studio: shared brand direction, no scripts/fonts/trackers. */
@media screen {
 :root{--ink:#192b27;--muted:#53635c;--paper:#fff;--line:#dce3df;--navy:#222927;--green:#174f41;--gold:#b78232;--radius:6px}
 body{background:white;color:var(--ink);font-family:"Segoe UI","Yu Gothic UI","Meiryo",sans-serif;font-size:18px;line-height:1.85}
 main{max-width:1440px;padding:0 clamp(20px,3.5vw,52px)}
 h1,h2,h3{font-family:inherit;letter-spacing:-.025em;font-weight:700}
 .site-header{background:#fff;border-color:var(--line);padding:16px max(3.5vw,20px);backdrop-filter:none;gap:18px}
 .brand{font-size:25px}.brand small{font-size:12px;letter-spacing:0}.brand b{background:var(--green);border-radius:4px}
 .site-header nav{font-size:15px;gap:22px}.site-header .nav-demo{background:var(--green);color:white;border-color:var(--green);border-radius:5px}
 .site-header nav a{min-height:44px}.site-header .nav-demo:hover,.site-header .nav-demo[aria-current]{background:#123f34;color:white}
 .language-link{font-size:14px}.site-header .mobile-nav nav{background:white;border-radius:0 0 6px 6px}
 .button,button{border-radius:5px;min-height:48px;box-shadow:none;font-family:inherit;font-size:16px;line-height:1.5;padding:14px 20px}
 .button.secondary,button.secondary{color:var(--ink);border-color:#aabbb2;background:white}
 .button.secondary:hover,button.secondary:hover{background:#f0f5f2;color:var(--green)}
 .marketing-hero{margin:0;padding:64px 0 60px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;border-radius:0;background:white;color:var(--ink);box-shadow:none}
 .marketing-hero h1{font-size:clamp(30px,3.05vw,46px);line-height:1.5;margin:0 0 24px;letter-spacing:-.035em}
 .marketing-hero h1 em{color:var(--ink);font-style:normal}.marketing-hero .lead{font-size:18px;line-height:1.85;color:var(--muted)}
 .marketing-hero .eyebrow{display:none}.marketing-hero .hero-badge{display:block;width:fit-content;border:0;background:none;padding:0;color:var(--green);font-size:14px;font-weight:650;margin:0 0 16px;border-radius:0}
 .marketing-hero .actions{gap:10px;margin:24px 0 16px}.marketing-hero .actions .button{background:var(--green);color:white;border-color:var(--green)}
 .marketing-hero .actions .button.secondary{color:var(--ink);background:white;border-color:#aabbb2}
 .marketing-hero .micro{color:var(--muted);font-size:14px;line-height:1.75}.marketing-hero>div>a{color:var(--green);font-size:14px}
 .marketing-hero>div>p>a:not(.button){color:var(--green);font-size:14px;text-decoration:underline;text-underline-offset:4px}
 .marketing-hero .button:hover{background:#123f34;border-color:#123f34}
 .marketing-hero .button.secondary:hover{background:#edf4ef;color:var(--green);border-color:var(--green)}
 .hero-screen{border-radius:6px;border:1px solid #dce3df;box-shadow:0 10px 24px #172f2510;background:white;margin:0}
 .screen-chrome{background:#f1f4f2;font-size:10px;color:#596d62}.hero-screen figcaption{background:white;color:var(--muted);font-size:12px;padding:12px 16px}
 .section{padding:64px 0}.section-heading{max-width:850px;margin-bottom:30px}.section-heading .eyebrow{font-size:12px;color:var(--green)}
 h2{font-size:clamp(27px,2.5vw,36px);line-height:1.5}.workflow-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
 .workflow-layout{grid-template-columns:1fr;gap:32px}.workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
 .workflow-steps li{display:block;border:0;padding:0}.workflow-steps li:last-child{border:0}.step-number{color:var(--green);font-weight:700;letter-spacing:0;font-size:16px}
 .workflow-steps h3{font-size:19px;margin:10px 0 6px}.workflow-steps p{font-size:16px;line-height:1.75}
 .label-board{background:#f5f8f6;border-radius:6px;border:1px solid var(--line);padding:24px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
 .sample-stack{display:flex;max-width:none;align-items:flex-start;gap:20px;margin:0;flex-wrap:wrap}.sample-label{background:white;box-shadow:none;padding:12px 16px;border-color:#5d6b64;border-radius:0}
 .sample-label p{font-size:18px}.sample-label>span{font-size:10px;line-height:1.6}.label-board>p{max-width:38ch;font-size:13px;line-height:1.8;color:var(--muted)}
 .plan-grid{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
 .plan-card,.plan-card.paid{border:0;border-radius:0;background:white;padding:30px 32px;box-shadow:none}.plan-card.paid{border-left:1px solid var(--line);background:#f5f8f6}
 .plan-card .tag{border-radius:4px;background:#edf4ef;color:var(--green);border:1px solid #c9dad0;font-size:13px}
 .plan-card h3{margin-top:18px;font-size:25px}.plan-price{font-size:40px;line-height:1.3}.plan-card li{font-size:16px}.plan-card>p:not(.plan-price){font-size:15px}
 .plan-card>.button{margin-top:24px}.plan-card ul{padding-left:24px}
 .page-head{padding:48px 0 32px;border-bottom:1px solid var(--line);margin-bottom:32px}.page-head h1{font-size:clamp(30px,3.5vw,44px);line-height:1.4}
 .lead{font-size:18px;line-height:1.85}.notice,.download-block,.blog-next,.community-teaser{border-radius:6px;box-shadow:none;background:#f5f8f6;border-color:var(--line)}
 /* These surfaces used to be dark: reset both the background and foreground. */
 .notice,.download-block,.blog-next,.community-teaser{color:var(--ink)}
 .blog-next a:not(.button){color:var(--green);text-decoration:underline;text-underline-offset:4px}
 .blog-next a:not(.button):hover{color:#123f34}
 .blog-next .button{background:var(--green);border-color:var(--green);color:white}
 .blog-next .button:hover{background:#123f34;border-color:#123f34;color:white}
 .blog-next .button.secondary{background:white;border-color:#aabbb2;color:var(--ink)}
 .blog-next .button.secondary:hover{background:#edf4ef;border-color:var(--green);color:var(--green)}
 .blog-card,.faq-card,.feature-card,.app-shot{border-radius:6px;box-shadow:none}.blog-card{background:white;border-color:var(--line)}
 .blog-article,.article{max-width:75ch;font-size:18px;line-height:1.95}.blog-article h2{font-size:28px;line-height:1.6}.blog-article li{margin-bottom:8px}
 footer{background:#f7f9f8;color:var(--ink);border-top:1px solid var(--line);padding:36px max(3.5vw,20px)}footer nav a{font-size:14px;min-height:38px;display:inline-flex;align-items:center}
 :is(a,button,input,select,summary):focus-visible{outline:3px solid #448a6b;outline-offset:4px}
 @media(max-width:1100px){.marketing-hero{gap:28px;padding:42px 0}.marketing-hero h1{font-size:34px}.marketing-hero .actions{flex-direction:column;align-items:stretch}.workflow-steps{gap:18px}.label-board{grid-template-columns:1fr}.label-board>p{max-width:none}.brand{font-size:23px}}
 @media(max-width:800px){.marketing-hero{grid-template-columns:1fr;gap:28px;padding:36px 0}.marketing-hero h1{font-size:clamp(30px,5.2vw,40px)}.hero-screen{max-width:100%}.marketing-hero .actions{flex-direction:row}.section{padding:44px 0}.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.workflow-steps li:last-child{border:0}.plan-card.paid{border-left:0;border-top:1px solid var(--line)}.plan-grid{grid-template-columns:1fr}.sample-stack{gap:14px}.sample-label{flex:1;min-width:200px}.blog-article,.article{font-size:17px}}
 @media(max-width:520px){.brand{font-size:21px}.brand small{font-size:10px}.site-header{padding:12px 18px}.marketing-hero h1{font-size:30px;line-height:1.5}.marketing-hero .lead{font-size:17px}.marketing-hero .actions{flex-direction:column}.marketing-hero .hero-badge{font-size:13px}.workflow-steps{grid-template-columns:1fr}.workflow-steps li{display:flex;gap:14px;border-bottom:1px solid var(--line);padding:12px 0}.workflow-steps h3{margin-top:0}.plan-card{padding:24px 18px}.label-board{padding:18px}.blog-article h2{font-size:25px}.button{width:100%}.sample-label p{font-size:17px}}
 @media(forced-colors:active){.site-header .nav-demo,.marketing-hero .actions .button{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}.hero-screen,.plan-card.paid{border:1px solid CanvasText}}
}