/* Built from the two-screen GPT Image reference, retaining every interactive scene. */
:root{--ink:#152b27;--muted:#61716c;--green:#09674c;--green-hover:#07513c;--line:#e1e9e2;--soft:#f3f7f1;--tint:#edf6ef;--white:#fafbf8;background:#fafbf8}
body{background:radial-gradient(ellipse at 23% 32%,#dfeedd8c,transparent 45%),radial-gradient(ellipse at 88% 58%,#e9f3e67d,transparent 38%),#fafbf8}
::selection{background:#cce6d4;color:#163d2d}.site-header{gap:38px;border:0}.site-header .brand{font-size:25px;letter-spacing:-.8px;flex-shrink:0}.site-header nav{margin-right:auto;gap:26px}.site-header nav a{padding:18px 0;font-size:13px;white-space:nowrap;text-decoration:none}.site-header nav [aria-current]{color:var(--green);border-bottom:2px solid var(--green);font-weight:600}.header-help{font-size:12px;color:var(--muted);text-decoration:none}
.hero{position:relative}.hero-copy{position:relative;z-index:1}.hero h1{font-weight:700;letter-spacing:-.045em;line-height:1.07;max-width:690px}.hero-description{max-width:630px}.hero-action{position:relative;z-index:1}.hero-action .button{border-radius:11px;font-weight:600;box-shadow:0 6px 16px #156b421a}.archive-note a{text-decoration:none}.hero-arrow{position:absolute;right:260px;top:3px;width:180px;height:90px;fill:none;stroke:#238566;stroke-width:1.6;stroke-linecap:round;opacity:.7;pointer-events:none}
.orbit-card{border:1px solid #dce9df;border-radius:14px;background:#ffffffeb;box-shadow:0 5px 18px #2549340d}.orbit-card.is-focus{border-color:#bcd9c7;box-shadow:0 7px 23px #23543814}.scene-heading{background:#ffffffa8}.is-focus .scene-heading{background:#edf5ef}.scene-title{font-weight:600}.scene-note{color:#61716c}.demo-controls{border-color:#e4ece5}.showcase-legend{color:#6e7b74}
.first-steps{border-color:#e1e9e2}.first-steps span{background:#ffffffc9;border:1px solid #d4e4d9;color:var(--green);font-weight:600;box-shadow:0 2px 4px #24493205}
.prices .section-intro h2{font-weight:650;letter-spacing:-.03em}
.useful-details{gap:34px}.useful-details article{padding-left:46px;position:relative}.useful-details article:before{content:'';position:absolute;left:0;top:1px;width:32px;height:32px;border-radius:50%;background:#e8f3eb}.useful-details h2{font-weight:600}.useful-details p{font-size:12px}.site-footer{border-color:#e1e9e2}.site-footer .brand{font-weight:600}
@media(min-width:1050px) and (min-height:620px){
 .landing-page .page-shell{max-width:1580px;padding-inline:40px}.landing-page .site-header{height:66px}.landing-page .hero{padding-top:14px;gap:17px 38px}.landing-page .hero h1{font-size:clamp(33px,3.3vw,48px);max-width:760px}.landing-page .hero-description{font-size:14px;max-width:700px}.landing-page .hero-action .button{min-height:46px}.landing-page .hero-arrow{top:12px}
.landing-page .useful-details{margin:14px 0}.landing-page .useful-details article{padding-left:42px}.landing-page .site-footer{padding-block:11px}
}
@media(min-width:1050px) and (max-height:760px){
 .landing-page .site-header{height:52px}.landing-page .hero{padding-top:6px;gap:9px 28px}.landing-page .hero h1{font-size:33px;max-width:750px}.landing-page .hero-description{font-size:12px;margin-top:6px;max-width:700px}.landing-page .hero-arrow{right:240px;width:145px;top:0;opacity:.45}.landing-page .hero-action .button{min-height:40px;font-size:12px}.landing-page .first-steps{padding:5px 0}.landing-page .prices{padding-top:7px}.landing-page .useful-details{margin:8px 0;gap:25px}.landing-page .useful-details p{font-size:10px}.landing-page .useful-details article{padding-left:0}.landing-page .useful-details article:before{display:none}.landing-page .site-footer{padding-block:7px}
}
@media(max-width:1049px){.site-header{gap:20px;flex-wrap:wrap;height:auto;padding-top:18px}.site-header nav{order:3;width:100%;gap:24px;overflow:auto}.site-header nav a{font-size:12px}.header-help{margin-left:auto}.hero-arrow{display:none}.hero h1{font-size:40px}.useful-details article{padding-left:46px}}
@media(max-width:600px){.site-header .brand{font-size:22px}.site-header nav{gap:20px}.site-header nav a{font-size:11px;padding-block:14px}.hero h1{font-size:33px;max-width:400px}.hero-description{font-size:13px}.hero-action .button{font-size:12px}.useful-details{gap:24px}}
@media(prefers-reduced-motion:no-preference){
 .hero-action .button{transition:background .12s,box-shadow .133s,translate .133s}.hero-action .button:hover{translate:0 -2px;box-shadow:0 9px 22px #156b4226}.hero-action .button:active{translate:0 0;box-shadow:0 3px 8px #156b4217}.hero-action .button svg{transition:translate .133s}.hero-action .button:hover svg{translate:0 2px}.scene-select .scene-heading svg{transition:translate .133s,color .133s}.scene-select:hover .scene-heading svg{translate:2px -2px;color:var(--green)}
}
.useful-details article:nth-child(1):before{background:#e8f3eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2309674c' stroke-width='1.7'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/20px no-repeat}
.useful-details article:nth-child(2):before{background:#e8f3eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2309674c' stroke-width='1.7'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V6a4 4 0 0 1 8 0v4m-4 4v3'/%3E%3C/svg%3E") center/20px no-repeat}
.useful-details article:nth-child(3):before{background:#e8f3eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2309674c' stroke-width='1.7'%3E%3Cpath d='M14 3H5v18h14V8Zm0 0v5h5M8 12h8m-8 4h6'/%3E%3C/svg%3E") center/20px no-repeat}
/* The arrow hangs off the install control, so it meets the button at any label width. */
@media(min-width:1050px){.hero-arrow{top:3px;right:calc(100% + 18px)}}
@media(max-width:1339px){.hero-arrow{width:124px;height:56px;top:11px;right:calc(100% + 14px)}}
@media(max-width:1199px){.hero-arrow{display:none}}


.hero-analysis{display:inline;position:relative}
.hero-analysis>button{display:inline;padding:0;border:0;border-bottom:1px dotted #519a77;background:none;color:var(--green);font:inherit;line-height:inherit;cursor:help}
.hero-analysis>button:focus-visible{outline:2px solid #519a77;outline-offset:3px;border-radius:2px}
.hero-tooltip{display:none;position:absolute;left:0;bottom:calc(100% + 10px);z-index:20;width:290px;padding:12px 14px;border:1px solid #cfe1d5;border-radius:10px;background:#f4faf5;color:#315846;box-shadow:0 8px 24px #174b3820;font-size:12px;line-height:1.5;font-weight:400;text-align:left}
.hero-tooltip:after{content:'';position:absolute;left:0;right:0;top:100%;height:11px}
.hero-analysis[data-open=true]>.hero-tooltip{display:block}
@media(max-width:600px){.hero-tooltip{left:-48px;width:260px;max-width:calc(100vw - 32px)}}

.hero-analysis[data-side=below] .hero-tooltip:after{top:auto;bottom:100%}

/* Free start and paid use are two parts of the same decision. */
.prices { padding-top:88px; }
.prices .section-intro { align-items:center; gap:36px; }
.prices .section-intro h2 { text-wrap:balance; }
.pricing-layout { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:64px; margin-top:36px; align-items:start; }
.trial-panel { padding:30px 32px 32px; border:1px solid #d4e4d9; border-radius:18px; background:#eaf3ec; }
.trial-panel h3,.packages-intro h3 { font-size:22px; line-height:1.3; font-weight:600; letter-spacing:-.02em; }
.trial-grants { margin:26px 0 30px; color:#365a49; }
.trial-grants>div { display:flex; flex-direction:column; gap:5px; }
.trial-grants>div+div { margin-top:21px; padding-top:20px; border-top:1px solid #cadfd1; }
.trial-grants dt { font-size:13px; line-height:1.5; }
.trial-grants dd { order:-1; margin:0; font-size:15px; line-height:1.4; }
.trial-grants strong { color:#153d2b; font-size:26px; font-weight:600; letter-spacing:-.025em; font-variant-numeric:tabular-nums; }
.trial-panel .button { width:100%; justify-content:space-between; gap:16px; border-radius:9px; }
.paid-panel { min-width:0; padding-top:5px; }
.packages-intro p { margin-top:8px; font-size:14px; line-height:1.6; color:var(--muted); }
.package-list { margin-top:18px; border-top:1px solid var(--line); }
.package-list:empty { display:none; }
.package-list article { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:19px 0; border-bottom:1px solid var(--line); }
.package-list h4 { margin:0; font-size:24px; line-height:1.3; font-weight:500; letter-spacing:-.025em; font-variant-numeric:tabular-nums; }
.package-list h4 span { font-size:14px; letter-spacing:0; font-weight:400; color:var(--muted); }
.package-price { font-size:24px; line-height:1.3; font-weight:600; letter-spacing:-.025em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.package-list[data-stale=true] { color:var(--muted); }
.pricing-status { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; }
.pricing-status p { font-size:13px; line-height:1.6; color:var(--muted); }
.pricing-status p:empty { display:none; }
.pricing-status p:not(:empty) { margin-top:14px; }
.pricing-status button { min-height:44px; padding:0; border:0; background:none; font-size:13px; color:var(--green); text-decoration:underline; text-underline-offset:4px; }
.pricing-status button:hover { color:var(--green-hover); }
.pricing-status button:disabled { opacity:.6; }
.package-account { display:inline-flex; align-items:center; gap:12px; min-height:44px; margin-top:8px; color:var(--green); font-size:14px; font-weight:500; text-decoration:none; }
.package-account:hover { text-decoration:underline; }
.pricing-footnote { font-size:12px; line-height:1.6; color:var(--muted); }
@media(max-width:1049px) {
  .pricing-layout { gap:28px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .trial-panel { padding:26px 24px; }
  .package-list h4,.package-price { font-size:22px; }
}
@media(max-width:700px) {
  .prices { padding-top:56px; }
  .prices .section-intro { gap:16px; }
  .prices .section-intro>p br { display:none; }
  .pricing-layout { grid-template-columns:1fr; gap:30px; margin-top:26px; }
  .trial-panel { padding:24px; border-radius:14px; }
  .trial-panel h3,.packages-intro h3 { font-size:20px; }
  .trial-grants { margin:22px 0 24px; }
  .trial-grants>div+div { margin-top:16px; padding-top:16px; }
  .trial-panel .button { font-size:14px; padding-inline:16px; }
  .paid-panel { padding-top:0; }
  .package-list article { padding-block:18px; }
}

/* Questions under the page: the same answers a search engine reads from the markup in the head. */
.faq { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.55fr); gap:24px 64px; align-items:start; margin:64px 0 40px; }
.faq h2 { font-size:28px; font-weight:650; letter-spacing:-.03em; line-height:1.15; }
.faq-list { border-top:1px solid var(--line); }
.faq details { border-bottom:1px solid var(--line); }
.faq summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 0; font-size:15px; font-weight:600; cursor:pointer; list-style:none; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary:hover { color:var(--green); }
.faq summary:focus-visible { outline:3px solid var(--green); outline-offset:3px; border-radius:4px; }
.faq summary svg { width:18px; height:18px; flex-shrink:0; color:var(--muted); transition:transform .12s; }
.faq details[open] summary svg { transform:rotate(180deg); }
.faq details p { max-width:660px; margin:-2px 0 19px; font-size:14px; line-height:1.6; color:var(--muted); }
.faq details a { color:var(--green); text-decoration:underline; text-underline-offset:3px; }
@media(max-width:820px) {
  .faq { grid-template-columns:1fr; gap:12px; margin:44px 0 28px; }
  .faq h2 { font-size:22px; }
  .faq summary { padding:15px 0; font-size:14px; }
  .faq details p { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .faq summary svg { transition:none; } }