:root{--bg:#F5F7F2;--panel:rgba(255,255,255,.72);--ink:#17221B;--muted:#718078;--line:#DDE4DB;--green:#67B83F;--soft:#EAF3E5}
*{box-sizing:border-box}body{margin:0;min-height:100svh;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#F5F7F2;color:var(--ink);display:grid;place-items:center;padding:24px}
.shell{width:min(780px,100%)}.brand{text-align:center;margin-bottom:38px}.brand img{width:min(220px,62vw);height:auto}.brand h1{font-size:clamp(34px,6vw,50px);line-height:1.03;margin:18px 0 9px;letter-spacing:-1.8px}.brand p{margin:0;color:var(--muted);font-size:16px;line-height:1.6}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choice{display:block;background:var(--panel);border:1px solid rgba(220,228,218,.85);border-radius:24px;padding:30px;text-decoration:none;color:inherit;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:none;transition:.2s transform,.2s border-color,.2s background}.choice:hover{transform:translateY(-2px);border-color:#BCD8AF;background:rgba(255,255,255,.9)}.icon{width:58px;height:58px;border-radius:18px;background:var(--soft);display:grid;place-items:center;font-size:28px;margin-bottom:22px}.choice h2{font-size:25px;line-height:1.1;margin:0 0 9px}.choice p{color:var(--muted);line-height:1.55;margin:0 0 24px;min-height:50px}.go{display:flex;align-items:center;justify-content:space-between;background:var(--green);color:#fff;border-radius:14px;padding:14px 16px;font-weight:800}.customer .go{background:#17221B}
.note{text-align:center;color:var(--muted);font-size:13px;margin-top:25px}.note a{text-decoration:underline;color:inherit}
@media(max-width:620px){body{padding:20px 14px}.brand{margin-bottom:24px}.choices{grid-template-columns:1fr;gap:12px}.choice{padding:22px;border-radius:20px}.choice p{min-height:0}.icon{width:52px;height:52px;font-size:24px;margin-bottom:15px}}

.shell{width:min(1100px,100%)}.choices{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{display:flex;flex-direction:column}.choice p{flex:1}.go,.customer .go{background:rgba(220,237,215,.75);color:#244d35;font-weight:600;border:1px solid rgba(116,157,103,.2)}@media(max-width:800px){.choices{grid-template-columns:1fr}.shell{max-width:550px}}
/* Shared soft glass entry experience */
body{background:radial-gradient(ellipse at 12% 12%,rgba(175,211,179,.35),transparent 55%),radial-gradient(ellipse at 90% 85%,rgba(199,218,225,.3),transparent 55%),#edf3ed;padding:clamp(16px,4vw,48px)}
.shell{padding:clamp(22px,4vw,44px);border-radius:32px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.85);box-shadow:0 20px 65px rgba(35,65,44,.07),inset 0 1px 0 #fff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.brand{margin-bottom:28px}.brand h1{font-weight:600;letter-spacing:-.045em}
.choice{padding:26px;border-radius:24px;background:rgba(255,255,255,.6);border-color:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(35,65,44,.035)}
.choice h2{font-weight:600;font-size:23px}.choice p{font-size:14px;line-height:1.65}.icon{background:rgba(219,235,218,.65);border:1px solid rgba(255,255,255,.9)}
.go,.customer .go{background:rgba(215,233,211,.5);border-color:rgba(119,151,112,.2);font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.choice:focus-visible{outline:3px solid rgba(93,137,91,.45);outline-offset:4px}
@media(max-width:620px){.shell{padding:22px 16px;border-radius:26px}.choice{padding:22px}}