.wrap{max-width:1200px;margin:0 auto;padding:0 var(--o5-edge)}
.v2-hero{border-radius:var(--o5-r-xl);border:1px solid var(--o5-line);background:linear-gradient(135deg,#fff1e9,#ffe0d0);padding:56px 40px;text-align:center}
.v2-hero h1{font-family:var(--o5-display);font-size:clamp(36px,5.5vw,58px);font-weight:800;letter-spacing:-0.03em;color:var(--o5-ink);margin:0 0 8px}
.v2-hero .sub{font-family:var(--o5-display);font-size:17px;font-weight:700;color:#d62133;margin:0;opacity:0;transform:translateY(6px) scale(.98);letter-spacing:.03em;transition:opacity .4s ease,transform .4s cubic-bezier(.22,.61,.36,1),letter-spacing .4s ease}
.v2-hero:hover .sub{opacity:1;transform:translateY(0) scale(1);letter-spacing:normal}
.v2-tile{background:var(--o5-surface);border:1px solid var(--o5-line);border-radius:18px;padding:8px 28px}
.svc-grid-head{margin-top:36px}
.svc-grid-head p{margin:0;color:var(--o5-ink2);font-size:15px;line-height:1.7}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);background:var(--o5-surface);border:1px solid var(--o5-line);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(20,20,30,0.04),0 10px 26px -16px rgba(20,20,30,0.18);margin-top:16px}
.svc-tile{padding:28px;border-right:1px solid var(--o5-line);display:flex;flex-direction:column;gap:8px;transition:background .15s}
.svc-tile:nth-child(3n){border-right:0}
.svc-tile:nth-child(n+4){border-top:1px solid var(--o5-line)}
.svc-tile:hover{background:var(--o5-surface-2)}
.svc-tile .ic{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.svc-tile .ic svg{width:21px;height:21px}
.svc-tile.is-marketing .ic{background:rgba(214,33,51,0.10);color:#b91c2c}
.svc-tile.is-access .ic{background:#eef3ff;color:#2774d6}
.svc-tile.is-design .ic{background:#fff5e1;color:#8a5a14}
.svc-tile.is-concierge .ic{background:#e9f4ee;color:#1f8a5b}
.svc-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;align-self:flex-start;margin-top:4px}
.svc-tile.is-marketing .svc-tag{background:rgba(214,33,51,0.10);color:#b91c2c}
.svc-tile.is-access .svc-tag{background:#eef3ff;color:#2774d6}
.svc-tile.is-design .svc-tag{background:#fff5e1;color:#8a5a14}
.svc-tile.is-concierge .svc-tag{background:#e9f4ee;color:#1f8a5b}
.svc-tile h4{margin:6px 0 0;font-size:17px;font-weight:800;letter-spacing:-0.01em;color:var(--o5-ink)}
.svc-tile p{margin:0;max-height:0;opacity:0;overflow:hidden;font-size:13.5px;color:var(--o5-ink2);line-height:1.6;transition:max-height .3s ease,opacity .25s ease,margin-top .3s ease}
.svc-tile:hover p{max-height:160px;opacity:1;margin-top:8px}
@media (max-width:860px){.svc-grid{grid-template-columns:repeat(2,1fr)}.svc-tile:nth-child(3n){border-right:1px solid var(--o5-line)}.svc-tile:nth-child(2n){border-right:0}.svc-tile:nth-child(n+3){border-top:1px solid var(--o5-line)}}
@media (max-width:560px){.svc-grid{grid-template-columns:1fr}.svc-tile{border-right:0!important}.svc-tile:nth-child(n+2){border-top:1px solid var(--o5-line)}}
.sid-overlay{position:fixed;inset:0;background:rgba(20,20,20,0.5);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:200}
.sid-overlay.is-open{opacity:1;pointer-events:auto}
.sid-drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,92vw);background:var(--o5-surface);box-shadow:-30px 0 70px -24px rgba(0,0,0,0.35);transform:translateX(100%);transition:transform .38s cubic-bezier(.22,.61,.36,1);z-index:201;display:flex;flex-direction:column}
.sid-drawer.is-open{transform:translateX(0)}
.sid-scroll{overflow-y:auto;flex:1}
.sid-close{position:absolute;top:20px;right:20px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,0.35);background:rgba(255,255,255,0.16);color:#fff;display:inline-flex;align-items:center;justify-content:center;z-index:5;transition:background .15s;cursor:pointer}
.sid-close:hover{background:rgba(255,255,255,0.3)}
.sid-hero{background:#d62133;color:#fff;padding:56px 36px 30px;position:relative;overflow:hidden}
.sid-hero::before{content:'';position:absolute;width:260px;height:260px;right:-110px;top:-130px;background:radial-gradient(circle,rgba(255,255,255,0.22),transparent 70%);border-radius:50%;pointer-events:none}
.sid-hero>*:not(.sid-close){position:relative;z-index:1}
.sid-eyebrow{font-size:10px;font-weight:800;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.9);display:block}
.sid-hero h2{font-family:var(--o5-display);font-size:26px;font-weight:800;letter-spacing:-0.02em;line-height:1.1;margin:12px 0 10px;color:#fff}
.sid-hero p{font-size:13.5px;color:rgba(255,255,255,0.88);line-height:1.55;margin:0}
.sid-perks{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.sid-perks li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#fff}
.sid-perks li svg{flex:none;margin-top:2px}
.sid-form{padding:28px 36px 36px;background:var(--o5-surface)}
.sid-intro{font-size:13.5px;color:var(--o5-ink2);line-height:1.5;margin:0 0 14px}
.sid-sso-list{display:flex;gap:8px}
.sid-sso{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;padding:11px 14px;border:1px solid var(--o5-line);border-radius:999px;background:var(--o5-surface);font-size:13px;font-weight:700;color:var(--o5-ink);cursor:pointer;text-decoration:none;transition:border-color .15s}
.sid-sso.is-compact{flex:0 0 auto;width:46px;padding:0;gap:0;aspect-ratio:1/1}
.sid-sso.is-compact .lbl{display:none}
.sid-sso:hover{border-color:var(--o5-ink)}
.sid-sso .ico{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.sid-lg-google{width:16px;height:16px;background:conic-gradient(from -45deg,#ea4335 0deg 90deg,#fbbc04 90deg 180deg,#34a853 180deg 270deg,#4285f4 270deg 360deg);border-radius:50%;mask:radial-gradient(circle,transparent 26%,#000 27%) center/contain no-repeat;-webkit-mask:radial-gradient(circle,transparent 26%,#000 27%) center/contain no-repeat}
.sid-lg-apple svg{width:14px;height:16px}
.sid-or{display:block;font-size:13px;color:var(--o5-ink2);line-height:1.5;margin:20px 0 16px}
.sid-fields{display:flex;flex-direction:column;gap:12px}
.sid-field{display:block;width:100%;padding:14px 20px;border:1px solid var(--o5-line);border-radius:999px;background:var(--o5-surface);font-family:var(--o5-display);font-size:14px;font-weight:600;color:var(--o5-ink);outline:none;transition:border-color .15s;box-sizing:border-box}
.sid-field:focus{border-color:var(--o5-ink)}
.sid-field::placeholder{color:var(--o5-ink3);font-weight:500}
.sid-pwd{position:relative}
.sid-pwd input{padding-right:48px}
.sid-pwd .eye{position:absolute;top:50%;right:16px;transform:translateY(-50%);background:transparent;border:0;padding:0;color:var(--o5-ink2);cursor:pointer}
.sid-forgot{align-self:flex-end;display:inline-block;margin-top:2px;font-size:11.5px;font-weight:700;color:#d62133;text-decoration:none}
.sid-forgot:hover{color:#b91c2c}
.sid-toggle{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:6px;border-radius:999px;background:var(--o5-surface-2);margin-top:18px}
.sid-toggle-btn{padding:13px 18px;border:0;border-radius:999px;background:transparent;font-family:var(--o5-display);font-size:13.5px;font-weight:800;color:var(--o5-ink2);cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.sid-toggle-btn:hover{color:var(--o5-ink)}
.sid-toggle-btn.is-on{background:#d62133;color:#fff;box-shadow:0 6px 14px -8px rgba(214,33,51,0.45)}
.sid-foot{margin:22px 0 0;font-size:13px;color:var(--o5-ink2);text-align:center}
.sid-foot a{color:#d62133;font-weight:800}
@media (max-width:520px){.sid-hero{padding:52px 26px 26px}.sid-form{padding:24px 26px 30px}}
@media (max-width:860px){.v2-hero h1{font-size:34px}}