/* ═══ tinydabba v5 · /contact (30 Oct 2026) ═══ */
.v5-contact .ct{padding:8px var(--gutter) 40px}
.ct-in{max-width:var(--wrap);margin-inline:auto}
.ct-head{max-width:760px;margin:16px 0 28px}
.ct-h{margin:0;font-size:clamp(36px,4.4vw,60px);line-height:1.04;font-weight:var(--w-display);letter-spacing:-.02em;font-variation-settings:"ROND" 100}
.ct-head .lead{margin-top:14px}
.ct-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
@media (max-width:959px){.ct-grid{grid-template-columns:1fr}}
.ct-form{display:grid;gap:16px}
.ct-card{background:var(--md-surface-container-low);border-radius:28px;padding:24px;display:grid;gap:16px}
@media (max-width:599px){.ct-card{padding:18px;border-radius:22px}}
.ct-f{display:grid;gap:7px;position:relative}
.ct-f>span:first-child{font-size:12px;font-weight:var(--w-label);letter-spacing:.05em;text-transform:uppercase;color:var(--md-on-surface-variant)}
.ct-f>span:first-child small{text-transform:none;letter-spacing:0;font-weight:var(--w-body);opacity:.8;margin-left:4px}
.ct-f input,.ct-f textarea,.ct-f select{width:100%;min-height:52px;padding:12px 16px;border-radius:16px;border:1.5px solid var(--md-outline-variant);background:var(--md-surface-container-lowest);color:var(--md-on-surface);font:inherit;font-size:16px;outline:0;transition:border-color var(--d-fx) var(--e-fx),box-shadow var(--d-fx) var(--e-fx)}
.ct-f textarea{resize:vertical;min-height:132px;line-height:1.5}
.ct-f input:focus,.ct-f textarea:focus,.ct-f select:focus{border-color:var(--md-primary);box-shadow:0 0 0 3px var(--md-primary-container)}
.ct-f.bad input,.ct-f.bad textarea,.ct-f.bad select{border-color:var(--md-error);box-shadow:0 0 0 3px var(--md-error-container)}
.ct-sel{position:relative;display:block}
.ct-sel select{-webkit-appearance:none;appearance:none;padding-right:44px;cursor:pointer}
.ct-sel::after{content:"";position:absolute;right:16px;top:50%;width:10px;height:10px;border:solid var(--md-on-surface-variant);border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.ct-row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ct-row2>[hidden]{display:none}
.ct-phone{display:flex;gap:8px}
.ct-cc{flex:0 0 112px}
.ct-phone input{flex:1;min-width:0;width:0}
.ct-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ct-fine{margin:0;font-size:13px;color:var(--md-on-surface-variant)}
.ct-fine a{color:var(--md-primary)}
.ct-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ct-err{font-size:14px;color:var(--md-error)}
.ct-sug{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container);border-radius:20px;padding:14px 16px;display:grid;gap:10px;animation:v5reveal var(--d-def) var(--e-def) both}
.ct-sug-h{display:flex;align-items:center;gap:8px;font-size:14px}
.ct-sug-h .material-symbols-outlined{font-size:20px}
.ct-sug-list{display:grid;gap:6px}
.ct-sug-i{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,#fff 55%,transparent);color:inherit;text-decoration:none;transition:background-color var(--d-fx) var(--e-fx)}
.ct-sug-i:hover{background:var(--md-surface-container-lowest)}
.ct-sug-i .material-symbols-outlined{font-size:20px;flex:none;margin-top:1px}
.ct-sug-i b{display:block;font-weight:var(--w-title);font-size:14.5px}
.ct-sug-i small{display:block;font-size:12.5px;opacity:.85;line-height:1.35}
.ct-side{display:grid;gap:12px}
.ct-tile{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:24px;background:var(--md-surface-container-low);color:var(--md-on-surface);text-decoration:none;transition:background-color var(--d-fx) var(--e-fx),scale var(--d-fast) var(--e-fast)}
a.ct-tile:hover{background:var(--md-surface-container)}
a.ct-tile:active{scale:.98}
.ct-tile.ai{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}
.ct-tile.ai .ct-ic{background:var(--md-tertiary);color:var(--md-on-tertiary)}
.ct-ic{width:44px;height:44px;border-radius:14px;background:var(--md-primary-container);color:var(--md-on-primary-container);display:grid;place-items:center;flex:none}
.ct-t{flex:1;min-width:0;display:grid}
.ct-t b{font-weight:var(--w-title);font-size:16px}
.ct-t small{font-size:13.5px;line-height:1.4;color:inherit;opacity:.85}
.ct-t small a{color:var(--md-primary);font-weight:var(--w-title)}
.ct-tile .go{opacity:.7}
.ct-co{padding:4px 6px;font-size:13px;color:var(--md-on-surface-variant);display:grid;gap:4px}
.ct-co b{color:var(--md-on-surface);font-weight:var(--w-title)}
.ct-done{min-height:50vh;display:grid;place-items:center;text-align:center;padding:24px 0}
.ct-done-in{display:grid;justify-items:center;gap:12px;max-width:540px}
.ct-done-ic{width:88px;height:88px;border-radius:50%;background:var(--acc-leaf-c);color:var(--on-acc-leaf-c);display:grid;place-items:center;animation:v5enter var(--d-slow) var(--e-fast) both}
.ct-done-ic .material-symbols-outlined{font-size:44px}
.ct-h2{margin:0;font-size:clamp(28px,3vw,40px);font-weight:var(--w-display);font-variation-settings:"ROND" 100}
.ct-done p{margin:0;color:var(--md-on-surface-variant);font-size:16px}
.ct-done .cta{justify-content:center;margin-top:8px}
