/* Build my website form — Plusto form styling, themed with the kit palettes. Variables follow html.theme-dark / html.theme-light so the form tracks the site toggle. */ .bmw{ --bmw-radius:26px; --error:#c0392b; --white:#fff; --plus:#F9C00A; --size-body-lg:19px; --radius-card:26px; --ease-out:cubic-bezier(.2,.7,.2,1); --press:.15s; font-size:18px; line-height:1.45; } html.theme-light .bmw, .theme-light .bmw{ --paper:#F6F6F3; --ink:#121212; --muted:#55554F; --on-ink:#fff; --ink-hover:#000; --panel:#EDEDE8; --panel-hover:#E2E2DC; --surface:#fff; --line:#12121224; --line-soft:#1212121f; --line-strong:#1212124d; --scrim:#1212129e; } html.theme-dark .bmw, .theme-dark .bmw{ --paper:#1a1a18; --ink:#F4F4F2; --muted:#ADADA8; --on-ink:#0a0a0a; --ink-hover:#fff; --panel:#2a2a28; --panel-hover:#343432; --surface:#30302e; --line:#f4f4f224; --line-soft:#f4f4f21f; --line-strong:#f4f4f252; --scrim:#000000a8; } .bmw{color:var(--ink);background:transparent} .bmw .wrap{max-width:1280px;margin:0 auto;padding:0 var(--gutter, clamp(18px,4vw,56px))} .bmw .form-card, .bmw .preview{ background:var(--surface); color:var(--ink); border-radius:var(--bmw-radius); padding:clamp(24px,4vw,48px); border:1px solid var(--line); } .bmw .preview--intro{display:grid;gap:32px} @media(min-width:900px){ .bmw .preview--intro{grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);align-items:start} } .bmw .preview__aside h2, .bmw .preview__aside .preview-kicker, .bmw [class*="preview"] h1, .bmw [class*="preview"] h2{ font-family:inherit; } .bmw .form-grid{display:grid;gap:16px 20px} @media(min-width:700px){ .bmw .form-grid{grid-template-columns:1fr 1fr} .bmw .form-grid .field--full, .bmw .form-grid [data-field="BusinessSummaryText"], .bmw .form-grid [data-field="ExistingWebsiteUrl"], .bmw .form-grid [data-field="BusinessType"], .bmw .form-grid [data-field="Location"], .bmw .form-grid [data-field="Email"]{grid-column:1/-1} } .bmw label{display:block;font-weight:600;margin:0 0 6px;font-size:15px} .bmw .field__req, .bmw .field__req{color:var(--error);font-weight:700} .bmw input[type=text], .bmw input[type=tel], .bmw input[type=email], .bmw input[type=url], .bmw textarea, .bmw select{ width:100%;box-sizing:border-box;border:1px solid var(--line-strong); background:var(--paper);color:var(--ink);border-radius:12px; padding:12px 14px;font:inherit;font-size:17px; } .bmw textarea{min-height:110px;resize:vertical} .bmw .form-send, .bmw button.form-send{ display:inline-flex;align-items:center;justify-content:center;gap:10px; background:var(--btn-bg, #F9C00A);color:var(--on-btn, #121212); font:inherit;font-weight:700;font-size:17px;border:0;border-radius:999px; padding:14px 26px;cursor:pointer; } .bmw .form-send:hover{background:var(--btn-hover, #121212);color:var(--on-btn-hover, #fff)} .bmw .form-send:disabled{opacity:.6;cursor:wait} .bmw .form-consent{margin:14px 0 0;font-size:14px;line-height:1.5;color:var(--muted)} .bmw .form-consent a{color:inherit;text-decoration:underline} .bmw .form-result{padding:8px 0} .bmw .form-result__title{font-size:clamp(28px,4vw,48px);letter-spacing:-.03em;margin:0 0 12px} .bmw .form-trap{position:absolute;left:-9999px;height:0;overflow:hidden} .bmw .text-link{background:none;border:0;color:inherit;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer;padding:0} .bmw .field__error, .bmw .ferr, .bmw .is-invalid .field__error{color:var(--error);font-size:14px;margin:6px 0 0} .bmw .ref-note{margin:12px 0 0;font-size:14px;line-height:1.45;opacity:.8} .bmw .form-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px;align-items:center} .bmw [data-country-wrap], .bmw .phone-row{display:flex;gap:8px;align-items:stretch} .bmw [data-country-wrap] select, .bmw select[data-country]{max-width:42%;flex:0 0 auto} .bmw .preview__aside{padding:8px 8px 8px 0} .bmw-section{padding:48px 0 80px} .bmw-kicker{font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--muted);margin:0 0 10px} .bmw-aside-title{font-size:clamp(32px,5vw,64px);letter-spacing:-.03em;line-height:1.02;font-weight:600;margin:0 0 16px} .bmw .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} .bmw .form-card{border-radius:var(--radius-card);background:var(--panel);padding:48px;scroll-margin-top:110px}.bmw .form-card__label{font-size:var(--size-eyebrow);color:var(--muted);margin-bottom:28px;font-weight:500}.bmw .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;display:grid}.bmw .form-grid .field--wide{grid-column:1/-1}.bmw .field{min-width:0;scroll-margin:calc(var(--header-top) + var(--pill-h) + 16px) 0 16px;flex-direction:column;gap:8px;display:flex}.bmw .field__label{letter-spacing:-.005em;font-size:16px;font-weight:600}.bmw .field__optional{color:var(--muted);font-weight:400}.bmw .field__hint{color:var(--muted);font-size:14px;line-height:1.4}.bmw .field input, .bmw .field textarea, .bmw .field select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:14px;padding:15px 17px;font-size:18px;line-height:1.3;transition:border-color .2s}.bmw .field textarea{resize:vertical;min-height:108px}.bmw .field input:hover, .bmw .field textarea:hover{border-color:var(--line-strong)}.bmw .field input:focus-visible, .bmw .field textarea:focus-visible, .bmw .field select:focus-visible{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}.bmw .field.is-invalid input, .bmw .field.is-invalid textarea{border-color:var(--error)}.bmw .field__error{color:var(--error);font-size:15px;font-weight:500;display:none}.bmw .field.is-invalid .field__error{display:block}.bmw .form-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.bmw .form-send{height:var(--pill-h);padding:0 calc((var(--pill-h) - 40px) / 2) 0 28px;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-ink);letter-spacing:.01em;text-transform:uppercase;transition:background-color var(--press) ease, transform var(--press) var(--ease-out);align-items:center;gap:18px;font-size:16px;font-weight:600;display:inline-flex}.bmw .form-send:hover{background:var(--ink-hover)}.bmw .form-send:active{transform:scale(.98)}.bmw .form-send .pill__circle{background:var(--on-ink);color:var(--ink)}.bmw .form-send:disabled{opacity:.6;cursor:progress}.bmw .form-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:32px;display:flex}.bmw .form-result{max-width:40em}.bmw .form-result:focus{outline:none}.bmw .form-result__title{letter-spacing:var(--track-tight);margin-bottom:18px;font-size:clamp(30px,3.6vw,48px);font-weight:600;line-height:1.02}.bmw .form-result p+p{margin-top:.7em}.bmw .form-result a{font-weight:600}.bmw .form-result .text-link{margin-top:28px}.bmw .form-card{padding:26px 20px 24px}.bmw .form-grid{grid-template-columns:1fr}.bmw .form-send{font-size:14px}.bmw .preview--intro[data-astro-cid-dbykksrq]{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;display:grid}.bmw .preview--intro[data-astro-cid-dbykksrq]>[data-astro-cid-dbykksrq][data-result]{grid-column:2}.bmw .form-result__extras[data-astro-cid-dbykksrq]{border-top:1px solid var(--line-soft);margin-top:28px;padding-top:24px}.bmw .form-result__extras[data-astro-cid-dbykksrq] .pill[data-astro-cid-dbykksrq]{margin-top:18px}.bmw .form-result__todo[data-astro-cid-dbykksrq]{border:2px dashed var(--error);color:var(--error);border-radius:6px;margin-top:14px;padding:.2em .5em;font-size:14px;font-weight:600;display:inline-block}.bmw .preview__aside[data-astro-cid-dbykksrq] .statement{margin-bottom:18px}.bmw .preview__aside[data-astro-cid-dbykksrq]{margin-bottom:26px}.bmw .preview-dialog[data-astro-cid-x2kccpkb]{width:100%;max-width:none;height:100%;max-height:none;padding:5vh var(--gutter);background:var(--scrim);color:var(--ink);overscroll-behavior:contain;opacity:0;transition:opacity .3s var(--ease-out);border:0;margin:0;position:fixed;inset:0;overflow-y:auto;z-index:400}.bmw .preview-dialog[data-astro-cid-x2kccpkb]::backdrop{background:0 0}.bmw .preview-dialog[data-astro-cid-x2kccpkb] .field{scroll-margin:16px 0}.bmw .preview-dialog[data-astro-cid-x2kccpkb].is-open{opacity:1}.bmw .preview-dialog__panel[data-astro-cid-x2kccpkb]{border-radius:var(--radius-card);background:var(--paper);max-width:1180px;transition:transform .3s var(--ease-out);margin:0 auto;padding:40px;position:relative;transform:translateY(-8px)}.bmw .preview-dialog[data-astro-cid-x2kccpkb].is-open .preview-dialog__panel[data-astro-cid-x2kccpkb]{transform:none}.bmw .preview-dialog__head[data-astro-cid-x2kccpkb]{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.bmw .preview-dialog__head[data-astro-cid-x2kccpkb] .preview-dialog__title{font-size:clamp(34px,4.6vw,64px)}.bmw .preview-dialog__close[data-astro-cid-x2kccpkb]{background:var(--ink);width:52px;height:52px;color:var(--on-ink);transition:background-color var(--press) ease, transform var(--press) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid;position:sticky;top:0}.bmw .preview-dialog__close[data-astro-cid-x2kccpkb]:hover{background:var(--ink-hover)}.bmw .preview-dialog__close[data-astro-cid-x2kccpkb]:active{transform:scale(.96)}.bmw .preview-dialog__x[data-astro-cid-x2kccpkb]{width:18px;height:18px;position:relative}.bmw .preview-dialog__x[data-astro-cid-x2kccpkb]:before, .bmw .preview-dialog__x[data-astro-cid-x2kccpkb]:after{content:"";background:currentColor;border-radius:2px;width:18px;height:2px;position:absolute;top:8px;left:0;transform:rotate(45deg)}.bmw .preview-dialog__x[data-astro-cid-x2kccpkb]:after{transform:rotate(-45deg)}@media (width<=767px){.bmw .preview-dialog[data-astro-cid-x2kccpkb]{background:var(--paper);scroll-padding-top:calc(var(--dialog-head,0px) + 12px);padding:0}.bmw .preview-dialog__panel[data-astro-cid-x2kccpkb]{min-height:100%;padding:20px var(--gutter) 32px;border-radius:0}.bmw .preview-dialog__head[data-astro-cid-x2kccpkb]{z-index:2;margin:-20px calc(var(--gutter) * -1) 20px;padding:16px var(--gutter);background:var(--paper);position:sticky;top:0}.bmw .preview-dialog__close[data-astro-cid-x2kccpkb]{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.bmw .preview-dialog[data-astro-cid-x2kccpkb], .bmw .preview-dialog__panel[data-astro-cid-x2kccpkb]{transition:none;transform:none}}.bmw .preview-dialog__exit{display:none}.bmw .preview-dialog.is-exit .preview-dialog__exit{display:block;max-width:40ch;margin-top:12px;color:var(--muted)}.bmw .preview-dialog.is-exit [data-field=ExistingWebsiteUrl], .bmw .preview-dialog.is-exit [data-field=Email]{display:none}.bmw .type-combo{position:relative}.bmw .type-combo__list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:14px;box-shadow:0 14px 40px #0a0a0a29;max-height:300px;overflow:auto}.bmw .type-combo__opt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:17px}.bmw .type-combo__opt small{color:var(--muted);font-size:13px;white-space:nowrap}.bmw .type-combo__opt[aria-selected=true], .bmw .type-combo__opt:hover{background:var(--panel)}.bmw .type-combo__list{max-height:340px}.bmw .type-combo__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 12px 4px;font-size:15px;font-weight:700;color:var(--ink);cursor:default;position:sticky;top:-6px;background:var(--surface);z-index:1}.bmw .type-combo__head small{color:var(--muted);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;flex:none}.bmw .type-combo__head--sub{position:static;padding:8px 12px 2px 24px;font-size:14px;font-weight:600;color:var(--muted)}.bmw .type-combo__opt--d1{padding-left:24px}.bmw .type-combo__opt--d2{padding-left:38px;font-size:16px}.bmw .type-combo__head+.type-combo__head:not(.type-combo__head--sub){margin-top:4px}.bmw .type-combo__opt{flex-wrap:wrap;row-gap:2px}.bmw .type-combo__opt>span{min-width:0;overflow-wrap:anywhere}.bmw .type-combo__opt small{white-space:normal;max-width:100%;line-height:1.3}.bmw .type-combo__opt small:empty{display:none}.bmw .how__heading[data-astro-cid-wzb2nanw]{letter-spacing:var(--track-tight);margin-bottom:28px;font-size:clamp(30px,4.4vw,64px);font-weight:600;line-height:.98}.bmw .how__intro[data-astro-cid-wzb2nanw]{max-width:640px;font-size:var(--size-body-lg);letter-spacing:-.01em;margin:0 6% 40px auto;line-height:1.45}.bmw .how__intro[data-astro-cid-wzb2nanw] p[data-astro-cid-wzb2nanw]+p[data-astro-cid-wzb2nanw]{margin-top:.8em}.bmw .how__list[data-astro-cid-wzb2nanw]{margin-top:24px;padding:0;list-style:none}.bmw .how__step[data-astro-cid-wzb2nanw]{grid-template-columns:var(--rail) minmax(0, 1fr) minmax(0, 1fr);padding:var(--pad-top) 0 38px;align-items:start;column-gap:32px;display:grid;position:relative}.bmw .how__line[data-astro-cid-wzb2nanw]{top:var(--mid);left:calc((var(--plus) + 2 * var(--ring)) / 2 - 1px);background:var(--track);width:2px;height:100%;position:absolute}.bmw .how__fill[data-astro-cid-wzb2nanw]{background:linear-gradient(to bottom, var(--c), var(--c-next));clip-path:inset(0 0 calc((1 - var(--f,1)) * 100%) 0);position:absolute;inset:0}.bmw .how__mark[data-astro-cid-wzb2nanw]{width:calc(var(--plus) + 2 * var(--ring));height:calc(var(--plus) + 2 * var(--ring));margin-top:calc(var(--mid) - var(--pad-top) - var(--plus) / 2 - var(--ring));padding:var(--ring);background:var(--paper);border-radius:50%;grid-area:1/1/span 2;position:relative}.bmw .how__plus[data-astro-cid-wzb2nanw]{width:100%;height:100%;fill:var(--c);display:block}.bmw .how__head[data-astro-cid-wzb2nanw]{grid-column:2}.bmw .how__num[data-astro-cid-wzb2nanw]{letter-spacing:.04em;height:15px;color:var(--muted);margin-bottom:10px;font-size:15px;font-weight:600;line-height:1;display:block}.bmw .how__title[data-astro-cid-wzb2nanw]{font-size:var(--title-size);letter-spacing:var(--track-tight);font-weight:600;line-height:1.02}.bmw .how__text[data-astro-cid-wzb2nanw]{font-size:var(--size-body-lg);letter-spacing:-.01em;grid-column:3;max-width:30em;padding-top:25px;line-height:1.4}.bmw .js .how[data-astro-cid-wzb2nanw].is-live .how__plus[data-astro-cid-wzb2nanw]{transition:fill .45s var(--ease-out), transform .7s cubic-bezier(.34, 1.35, .64, 1)}.bmw .js .how[data-astro-cid-wzb2nanw].is-live .how__step[data-astro-cid-wzb2nanw]:not(.is-lit) .how__plus[data-astro-cid-wzb2nanw]{fill:var(--off);transform:rotate(-90deg)scale(.72)}.bmw .how__intro[data-astro-cid-wzb2nanw]{margin:0 0 32px}.bmw .how__step[data-astro-cid-wzb2nanw]{grid-template-columns:var(--rail) minmax(0, 1fr)}.bmw .how__text[data-astro-cid-wzb2nanw]{grid-column:2;padding-top:14px}.bmw .how__step[data-astro-cid-wzb2nanw]{column-gap:14px;padding-bottom:28px}.bmw .how__num[data-astro-cid-wzb2nanw]{height:13px;margin-bottom:8px;font-size:13px}.bmw .how__text[data-astro-cid-wzb2nanw]{padding-top:12px}.bmw .build-top[data-astro-cid-m6gvldte]{padding-top:calc(var(--header-top) + var(--pill-h) + 28px);margin-top:0}.bmw .build-top[data-astro-cid-m6gvldte] .build-top__title{font-size:clamp(34px,3.4vw,48px)}.bmw .build-offer[data-astro-cid-m6gvldte]{max-width:calc(640px + 2 * var(--gutter))}.bmw .build-offer[data-astro-cid-m6gvldte] p[data-astro-cid-m6gvldte]+p[data-astro-cid-m6gvldte]{margin-top:.8em}.bmw .field__req{color:var(--error);font-weight:700}.bmw .preview-dialog__panel:has([data-result="sent"]:not([hidden])) .preview-dialog__heading{display:none!important}.bmw .preview-dialog__panel:has([data-result="sent"]:not([hidden])) .preview-dialog__head{justify-content:flex-end}.bmw .preview:has([data-result="sent"]:not([hidden])) .preview__aside{display:none!important}.bmw .preview--intro:has([data-result="sent"]:not([hidden])){grid-template-columns:minmax(0,1fr)!important}.bmw .preview--intro:has([data-result="sent"]:not([hidden]))>[data-result]{grid-column:1/-1!important}.bmw .type-combo{position:relative}.bmw .type-combo__list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:14px;box-shadow:0 14px 40px #0a0a0a29;max-height:300px;overflow:auto}.bmw .type-combo__opt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:17px}.bmw .type-combo__opt small{color:var(--muted);font-size:13px;white-space:nowrap}.bmw .type-combo__opt[aria-selected=true], .bmw .type-combo__opt:hover{background:var(--panel)}.bmw .type-combo__list{max-height:340px}.bmw .type-combo__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 12px 4px;font-size:15px;font-weight:700;color:var(--ink);cursor:default;position:sticky;top:-6px;background:var(--surface);z-index:1}.bmw .type-combo__head small{color:var(--muted);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;flex:none}.bmw .type-combo__head--sub{position:static;padding:8px 12px 2px 24px;font-size:14px;font-weight:600;color:var(--muted)}.bmw .type-combo__opt--d1{padding-left:24px}.bmw .type-combo__opt--d2{padding-left:38px;font-size:16px}.bmw .type-combo__head+.type-combo__head:not(.type-combo__head--sub){margin-top:4px} @media (max-width:1439px){.bmw .type-combo__opt{flex-wrap:wrap;row-gap:2px}.bmw .type-combo__opt>span{min-width:0;overflow-wrap:anywhere}.bmw .type-combo__opt small{white-space:normal;max-width:100%;line-height:1.3}.bmw .type-combo__opt small:empty{display:none} } /* Site-wide dialog chrome (plusto.com behaviour, TDN tokens). */ html.has-dialog{overflow:hidden} .bmw.preview-dialog, .bmw .preview-dialog{z-index:400} .bmw .preview-dialog__close{border:0;cursor:pointer;appearance:none;-webkit-appearance:none;padding:0} .bmw .preview-dialog__title.statement{margin:0;font-weight:600;line-height:1.05;letter-spacing:-.03em;color:var(--ink)} .bmw .preview-dialog .eyebrow{margin:0 0 10px} .bmw .hl__word{color:var(--plus,#F9C00A)} .bmw .preview-dialog__logo{display:none} .bmw .preview-dialog__panel:has([data-result="sent"]:not([hidden])) .preview-dialog__head{justify-content:space-between!important;align-items:center} .bmw .preview-dialog__panel:has([data-result="sent"]:not([hidden])) .preview-dialog__logo{display:block;line-height:0} .bmw .pd-logo{display:block;height:46px;width:auto} .bmw .pd-logo--dark, html.theme-light .bmw .pd-logo--dark, .theme-light .bmw .pd-logo--dark{display:none} html.theme-dark .bmw .pd-logo--light, .theme-dark .bmw .pd-logo--light{display:none} html.theme-dark .bmw .pd-logo--dark, .theme-dark .bmw .pd-logo--dark{display:block} @media (max-width:767px){.bmw .pd-logo{height:38px}} /* TDN dialog + phone row fixes (match plusto.com behaviour, TDN tokens). .bmw.preview-dialog is the itself (not a descendant), so earlier .bmw .preview-dialog rules never applied: default dialog border (white line), default overflow scrollbar, and missing X all came from that. */ .bmw.preview-dialog, .bmw.preview-dialog[data-astro-cid-x2kccpkb]{ width:100%;max-width:none;height:100%;max-height:none; padding:5vh var(--gutter, clamp(18px,4vw,56px)); background:var(--scrim);color:var(--ink); overscroll-behavior:contain; opacity:0;transition:opacity .3s var(--ease-out, cubic-bezier(.2,.7,.2,1)); border:0;outline:none;box-shadow:none;margin:0; position:fixed;inset:0;overflow-y:auto;z-index:400; scrollbar-width:none;-ms-overflow-style:none; } .bmw.preview-dialog::-webkit-scrollbar, .bmw.preview-dialog[data-astro-cid-x2kccpkb]::-webkit-scrollbar{width:0;height:0;display:none} .bmw.preview-dialog::backdrop, .bmw.preview-dialog[data-astro-cid-x2kccpkb]::backdrop{background:transparent} .bmw.preview-dialog.is-open, .bmw.preview-dialog[data-astro-cid-x2kccpkb].is-open{opacity:1} .bmw.preview-dialog .preview-dialog__panel{border:0} /* Close X: draw it even if the scoped astro attribute is missing. */ .bmw .preview-dialog__x, .bmw .preview-dialog__x[data-astro-cid-x2kccpkb]{ width:18px;height:18px;position:relative;display:block; } .bmw .preview-dialog__x:before, .bmw .preview-dialog__x:after, .bmw .preview-dialog__x[data-astro-cid-x2kccpkb]:before, .bmw .preview-dialog__x[data-astro-cid-x2kccpkb]:after{ content:"";background:currentColor;border-radius:2px; width:18px;height:2px;position:absolute;top:8px;left:0;transform:rotate(45deg); } .bmw .preview-dialog__x:after, .bmw .preview-dialog__x[data-astro-cid-x2kccpkb]:after{transform:rotate(-45deg)} /* WhatsApp row: hidden native