.start-page{background:#f7faf8}
.st{position:relative;overflow:hidden;padding:52px 0 64px;background:radial-gradient(ellipse at 50% 0%,#e4f3ea,transparent 60%),#f7faf8;color:#193c33}
.st-wrap{width:min(1060px,calc(100% - 48px));margin-inline:auto}
.st-intro{text-align:center;max-width:660px;margin:0 auto 34px}
.st-eyebrow{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#3e846a;margin-bottom:16px}
.st-intro h1{font-size:clamp(32px,4.6vw,46px);line-height:1.16;font-weight:800;letter-spacing:-.055em;color:#203e36;margin:0}
.st-intro h1 span{color:#188366}
.st-intro>p{font-size:13px;line-height:1.9;color:#718277;margin:16px 0 0}
.st-trial-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#5a806b;font-size:10px;font-weight:650;line-height:1.6;margin-top:19px}
.st-trial-note svg{width:16px;height:16px;flex-shrink:0;color:#4a9874}
.st-trial-note>span{margin:0 3px;color:#90aa99}
.st-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.st-choice{display:flex;flex-direction:column;min-width:0;border:1px solid #dce6e2;border-radius:21px;background:#fff;padding:30px;box-shadow:0 8px 24px #193f2d05;transition:border-color .15s,box-shadow .15s}
.st-choice:hover,.st-choice:focus-within{border-color:#9fbdc9;box-shadow:0 14px 32px #2448390b}
.st-choice--passport{border-color:#b8d9c7;background:linear-gradient(145deg,#fff 40%,#f2faf5)}
.st-choice--passport:hover,.st-choice--passport:focus-within{border-color:#7cbaa0}
.st-choice-top{display:flex;align-items:center;gap:12px;margin-bottom:21px}
.st-icon{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border:1px solid #d4e2eb;background:#edf4f8;color:#466e8a;border-radius:14px}
.st-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.st-choice--passport .st-icon{background:#e7f5ed;border-color:#cbe4d7;color:#2b8060}
.st-role{font-size:11px;font-weight:750;letter-spacing:.015em;color:#5d7985}
.st-choice--passport .st-role{color:#3e8268}
.st-choice h2{font-size:26px;line-height:1.2;letter-spacing:-.045em;font-weight:800;color:#203e36;max-width:16ch;margin:0}
.st-choice-intro{font-size:12px;line-height:1.85;color:#74847b;margin:14px 0 21px;min-height:66px;max-width:45ch}
.st-workspace-label{display:flex;align-items:center;gap:7px;padding-top:20px;border-top:1px solid #e6ece8;color:#577469;font-size:10px;font-weight:750}
.st-workspace-label>span{width:5px;height:5px;background:#7e9cb0;flex-shrink:0;border-radius:50%}
.st-choice--passport .st-workspace-label>span{background:#6ab591}
.st-features{display:grid;gap:12px;list-style:none;margin:17px 0 28px;padding:0}
.st-features li{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.65;color:#4e675b}
.st-features li::before{content:'\2713';display:grid;place-items:center;flex:0 0 16px;height:16px;margin-top:2px;border-radius:50%;font-size:10px;font-weight:800;color:#4d8567;background:#edf6ef}
.st-choice-action{margin-top:auto}
.st-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 16px;border:1px solid #087565;border-radius:11px;background:#087565;color:#fff;font-size:12px;font-weight:800;line-height:1.6;text-align:center;text-decoration:none;transition:background .15s}
.st-button:hover{background:#086354}
.st-button--project{background:#193b4a;border-color:#193b4a}
.st-button--project:hover{background:#102c3c}
.st-button>span{font-weight:500;font-size:18px}
.st-choice-action>p{font-size:9px;color:#8d9b91;text-align:center;margin:10px 0 0;line-height:1.6}
.st-help{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:22px;padding:20px 24px;border:1px solid #dfe9e2;border-radius:14px;background:#edf4ef}
.st-help strong{color:#456b54;font-size:12px;font-weight:750}
.st-help p{color:#7a8e7e;font-size:11px;line-height:1.7;margin:4px 0 0}
.st-help-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;flex-shrink:0}
.st-help-links a{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:750;color:#387454;text-decoration:none;padding:8px 0}
.st-help-links a:hover{text-decoration:underline;text-underline-offset:4px}
.st-signin{font-size:11px;color:#819387;line-height:1.7;text-align:center;margin:25px 0 0}
.st-signin a{font-weight:750;color:#36785a;margin-left:3px;text-underline-offset:3px}
.st-messages{padding-block:14px;font-size:13px}
.st a:focus-visible{outline:3px solid #308f74;outline-offset:4px}
@media(max-width:760px){
  .st{padding:35px 0 45px}
  .st-wrap{width:calc(100% - 32px)}
  .st-intro{margin-bottom:27px}
  .st-intro h1{font-size:34px}
  .st-intro>p{font-size:12px}
  .st-intro>p br{display:none}
  .st-choices{grid-template-columns:1fr;gap:18px}
  .st-choice{padding:25px 22px;border-radius:18px}
  .st-choice h2{font-size:25px;max-width:21ch}
  .st-choice-intro{min-height:0;margin-bottom:20px}
  .st-help{align-items:flex-start;flex-direction:column;gap:10px;padding:19px}
}
@media(prefers-reduced-motion:reduce){.st-choice,.st-button{transition:none}}
