.mockup-scope.mockup-scope.mockup-scope{--blue:#1768f7;--blue-dark:#0d57d5;--blue-soft:#edf5ff;--orange:#ff6508;--ink:#071735;--text:#344664;--muted:#71809a;--line:#dbe6f5;--surface:#f5f8fc;--green:#0bad59;--font:Inter,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;color:var(--ink);font-family:var(--font);font-synthesis:none}
.mockup-scope.mockup-scope.mockup-scope *{box-sizing:border-box}.mockup-scope.mockup-scope.mockup-scope{margin:0;background:var(--surface);color:var(--ink);font-size:14px}.mockup-scope.mockup-scope.mockup-scope button,
.mockup-scope.mockup-scope.mockup-scope input,
.mockup-scope.mockup-scope.mockup-scope textarea,
.mockup-scope.mockup-scope.mockup-scope select{font:inherit}.mockup-scope.mockup-scope.mockup-scope button,
.mockup-scope.mockup-scope.mockup-scope a{-webkit-tap-highlight-color:transparent}.mockup-scope.mockup-scope.mockup-scope button{cursor:pointer}.mockup-scope.mockup-scope.mockup-scope .site-header{height:66px;padding:0 30px;display:flex;align-items:center;border-bottom:1px solid #e6edf7;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.mockup-scope.mockup-scope.mockup-scope .brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);min-width:260px}.mockup-scope.mockup-scope.mockup-scope .brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:21px;font-weight:800;background:linear-gradient(145deg,#2091ff,#1f4df0);box-shadow:0 5px 13px rgba(23,104,247,.2)}.mockup-scope.mockup-scope.mockup-scope .brand-name{display:flex;align-items:baseline;gap:7px}.mockup-scope.mockup-scope.mockup-scope .brand-name strong{font-size:22px}.mockup-scope.mockup-scope.mockup-scope .brand-name b{font-size:19px}.mockup-scope.mockup-scope.mockup-scope .desktop-nav{display:flex;height:100%;align-items:center;gap:34px;margin:auto}.mockup-scope.mockup-scope.mockup-scope .desktop-nav a{color:#17233a;text-decoration:none;height:100%;display:grid;place-items:center;white-space:nowrap}.mockup-scope.mockup-scope.mockup-scope .desktop-nav a:hover{color:var(--blue)}.mockup-scope.mockup-scope.mockup-scope .header-actions{display:flex;min-width:340px;justify-content:flex-end;align-items:center;gap:10px}.mockup-scope.mockup-scope.mockup-scope .header-cta{color:#fff;text-decoration:none;border-radius:8px;padding:11px 17px;font-weight:750;box-shadow:0 8px 18px rgba(18,76,161,.14)}.mockup-scope.mockup-scope.mockup-scope .header-cta.orange{background:linear-gradient(135deg,#ff7a12,#ff5b03)}.mockup-scope.mockup-scope.mockup-scope .header-cta.blue{background:linear-gradient(135deg,#2879ef,#2761d9)}.mockup-scope.mockup-scope.mockup-scope .language{height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:0 13px}.mockup-scope.mockup-scope.mockup-scope .menu-toggle{display:none;border:0;background:none;padding:6px}.mockup-scope.mockup-scope.mockup-scope .menu-toggle span{display:block;width:22px;height:2px;margin:4px;background:var(--ink)}
.mockup-scope.mockup-scope.mockup-scope .message-hero{height:132px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:20px;text-align:left;background:linear-gradient(116deg,#f2f8ff,#eaf3ff 55%,#f6f9ff);border-bottom:1px solid #dfeaf8}.mockup-scope.mockup-scope.mockup-scope .message-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#bdd6fb 1px,transparent 1px);background-size:23px 23px;opacity:.22;mask-image:linear-gradient(90deg,transparent,#000 40%,transparent)}.mockup-scope.mockup-scope.mockup-scope .message-hero svg{width:45px;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;z-index:1}.mockup-scope.mockup-scope.mockup-scope .message-hero div:not(.hero-orbit){z-index:1}.mockup-scope.mockup-scope.mockup-scope .message-hero h1{margin:0 0 8px;font-size:32px;letter-spacing:.01em}.mockup-scope.mockup-scope.mockup-scope .message-hero p{margin:0;color:#65758d;font-size:15px}.mockup-scope.mockup-scope.mockup-scope .hero-orbit{position:absolute;border:1px solid rgba(23,104,247,.1);border-radius:50%}.mockup-scope.mockup-scope.mockup-scope .hero-orbit.one{width:390px;height:230px;left:1%;top:-150px}.mockup-scope.mockup-scope.mockup-scope .hero-orbit.two{width:430px;height:260px;right:-5%;bottom:-200px}
.mockup-scope.mockup-scope.mockup-scope .message-page{max-width:1360px;margin:0 auto;padding:16px 28px 70px}.mockup-scope.mockup-scope.mockup-scope .page-tools{height:48px;display:flex;align-items:center;justify-content:space-between}.mockup-scope.mockup-scope.mockup-scope .page-tools nav{display:flex;gap:9px;color:#75869c}.mockup-scope.mockup-scope.mockup-scope .page-tools nav a{color:#2666b7;text-decoration:none}.mockup-scope.mockup-scope.mockup-scope .page-tools button{height:36px;padding:0 14px;border:1px solid #a9c7f3;border-radius:7px;background:#fff;color:#1764c8;font-weight:700}.mockup-scope.mockup-scope.mockup-scope .page-tools button b{display:inline-grid;min-width:19px;height:19px;place-items:center;margin-left:5px;border-radius:10px;background:#e9f2ff;font-size:11px}.mockup-scope.mockup-scope.mockup-scope .message-layout{display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:16px;align-items:start}.mockup-scope.mockup-scope.mockup-scope .form-panel,
.mockup-scope.mockup-scope.mockup-scope .support-card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 25px rgba(26,66,120,.04)}.mockup-scope.mockup-scope.mockup-scope .form-panel{padding:14px 18px 22px}.mockup-scope.mockup-scope.mockup-scope .purpose-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding-bottom:13px;border-bottom:1px solid #e8edf4}.mockup-scope.mockup-scope.mockup-scope .purpose-tabs button{height:41px;border:1px solid transparent;border-radius:7px;background:#f7f9fc;color:#53647b;white-space:nowrap}.mockup-scope.mockup-scope.mockup-scope .purpose-tabs button span{margin-right:6px;color:#6a7e98}.mockup-scope.mockup-scope.mockup-scope .purpose-tabs button:hover{background:#eef5ff}.mockup-scope.mockup-scope.mockup-scope .purpose-tabs button.active{border-color:#8db9ff;background:#fff;color:#1262d3;box-shadow:0 3px 10px rgba(23,104,247,.08);font-weight:800}.mockup-scope.mockup-scope.mockup-scope .purpose-tabs button.active span{color:var(--blue)}
.mockup-scope.mockup-scope.mockup-scope #message-form{padding:17px 2px 0}.mockup-scope.mockup-scope.mockup-scope .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.mockup-scope.mockup-scope.mockup-scope label,
.mockup-scope.mockup-scope.mockup-scope legend{color:#263a57;font-weight:700}.mockup-scope.mockup-scope.mockup-scope label i,
.mockup-scope.mockup-scope.mockup-scope legend i{color:#f14444;font-style:normal}.mockup-scope.mockup-scope.mockup-scope input,
.mockup-scope.mockup-scope.mockup-scope textarea,
.mockup-scope.mockup-scope.mockup-scope select{outline:none}.mockup-scope.mockup-scope.mockup-scope .form-grid>label>input,
.mockup-scope.mockup-scope.mockup-scope .phone-field{display:flex;width:100%;height:42px;margin-top:7px;border:1px solid #d5e0ed;border-radius:7px;background:#fff;transition:.18s}.mockup-scope.mockup-scope.mockup-scope .form-grid>label>input{padding:0 12px}.mockup-scope.mockup-scope.mockup-scope .form-grid input:focus,
.mockup-scope.mockup-scope.mockup-scope .message-field textarea:focus,
.mockup-scope.mockup-scope.mockup-scope .phone-field:focus-within{border-color:#6ea4f8;box-shadow:0 0 0 3px rgba(23,104,247,.08)}.mockup-scope.mockup-scope.mockup-scope .phone-field select{width:75px;border:0;border-right:1px solid #dfe7f0;background:#fff;padding:0 8px;color:#465a73}.mockup-scope.mockup-scope.mockup-scope .phone-field input{min-width:0;flex:1;border:0;padding:0 11px}
.mockup-scope.mockup-scope.mockup-scope fieldset{border:0;padding:0;margin:0}.mockup-scope.mockup-scope.mockup-scope .contact-choice{display:grid;grid-template-columns:repeat(3,1fr);margin-top:17px}.mockup-scope.mockup-scope.mockup-scope .contact-choice legend{grid-column:1/-1;margin-bottom:7px}.mockup-scope.mockup-scope.mockup-scope .contact-choice label{position:relative}.mockup-scope.mockup-scope.mockup-scope .contact-choice input{position:absolute;opacity:0}.mockup-scope.mockup-scope.mockup-scope .contact-choice span{height:40px;border:1px solid #d4dfec;background:#fff;display:grid;place-items:center;color:#52637a}.mockup-scope.mockup-scope.mockup-scope .contact-choice label:first-of-type span{border-radius:7px 0 0 7px}.mockup-scope.mockup-scope.mockup-scope .contact-choice label:last-of-type span{border-radius:0 7px 7px 0}.mockup-scope.mockup-scope.mockup-scope .contact-choice input:checked+span{position:relative;z-index:1;border-color:var(--blue);background:#f1f7ff;color:#125fc5}.mockup-scope.mockup-scope.mockup-scope .message-field{display:block;position:relative;margin-top:17px}.mockup-scope.mockup-scope.mockup-scope .message-field textarea{display:block;width:100%;height:108px;resize:vertical;margin-top:7px;padding:12px 13px 29px;border:1px solid #d5e0ed;border-radius:7px}.mockup-scope.mockup-scope.mockup-scope .message-field>span{position:absolute;right:11px;bottom:9px;color:#8b99aa;font-size:11px;font-weight:500}
.mockup-scope.mockup-scope.mockup-scope .upload-section{margin-top:17px}.mockup-scope.mockup-scope.mockup-scope .upload-heading{display:flex;justify-content:space-between;margin-bottom:7px}.mockup-scope.mockup-scope.mockup-scope .upload-heading strong{color:#263a57}.mockup-scope.mockup-scope.mockup-scope .upload-heading span{color:#8a98aa;font-size:11px}.mockup-scope.mockup-scope.mockup-scope .drop-zone{height:88px;border:1px dashed #98b8e5;border-radius:8px;display:grid;grid-template-columns:31px auto;grid-template-rows:1fr 1fr;align-content:center;justify-content:center;column-gap:10px;background:#fbfdff;text-align:left;cursor:pointer}.mockup-scope.mockup-scope.mockup-scope .drop-zone.dragging{background:#edf5ff;border-color:var(--blue)}.mockup-scope.mockup-scope.mockup-scope .drop-zone input{display:none}.mockup-scope.mockup-scope.mockup-scope .drop-zone svg{grid-row:1/-1;width:29px;align-self:center;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mockup-scope.mockup-scope.mockup-scope .drop-zone strong{align-self:end;font-size:13px}.mockup-scope.mockup-scope.mockup-scope .drop-zone em{font-style:normal;color:var(--blue)}.mockup-scope.mockup-scope.mockup-scope .drop-zone small{align-self:start;margin-top:6px;color:#7b8a9f;font-weight:500}.mockup-scope.mockup-scope.mockup-scope .file-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.mockup-scope.mockup-scope.mockup-scope .file-item{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:7px;background:#f0f5fb;color:#4f6179;font-size:11px}.mockup-scope.mockup-scope.mockup-scope .file-item button{border:0;background:none;color:#e75252;padding:0}
.mockup-scope.mockup-scope.mockup-scope .urgency{display:flex;align-items:center;gap:25px;margin-top:16px}.mockup-scope.mockup-scope.mockup-scope .urgency legend{float:left;margin-right:4px}.mockup-scope.mockup-scope.mockup-scope .urgency label{display:flex;align-items:center;gap:6px;font-weight:600}.mockup-scope.mockup-scope.mockup-scope .urgency input{accent-color:var(--blue)}.mockup-scope.mockup-scope.mockup-scope .urgency span{display:flex;gap:5px;align-items:center}.mockup-scope.mockup-scope.mockup-scope .urgency small{color:#8190a4;font-weight:500}.mockup-scope.mockup-scope.mockup-scope .consent{display:flex;align-items:flex-start;gap:8px;margin-top:20px;color:#53657c;font-size:12px;font-weight:500;line-height:1.5}.mockup-scope.mockup-scope.mockup-scope .consent input{margin-top:2px;accent-color:var(--blue)}.mockup-scope.mockup-scope.mockup-scope .consent a{color:var(--blue);text-decoration:none}.mockup-scope.mockup-scope.mockup-scope .form-actions{display:flex;align-items:center;gap:12px;margin-top:18px}.mockup-scope.mockup-scope.mockup-scope .submit-button,
.mockup-scope.mockup-scope.mockup-scope .draft-button{height:43px;border-radius:7px;padding:0 34px;font-weight:800}.mockup-scope.mockup-scope.mockup-scope .submit-button{border:0;background:linear-gradient(135deg,#2078f5,#1262dd);color:#fff;box-shadow:0 7px 17px rgba(23,104,247,.2)}.mockup-scope.mockup-scope.mockup-scope .draft-button{border:1px solid #9dbdec;background:#fff;color:#1764c8}.mockup-scope.mockup-scope.mockup-scope .form-actions>span{color:#8391a3;font-size:11px}
.mockup-scope.mockup-scope.mockup-scope .support-column{display:grid;gap:12px;position:sticky;top:82px}.mockup-scope.mockup-scope.mockup-scope .support-card{padding:17px}.mockup-scope.mockup-scope.mockup-scope .support-card h2{display:flex;align-items:center;gap:8px;margin:0 0 13px;padding-bottom:12px;border-bottom:1px solid #e7edf4;font-size:16px}.mockup-scope.mockup-scope.mockup-scope .support-card h2 span{color:var(--blue)}.mockup-scope.mockup-scope.mockup-scope .support-card article{display:flex;align-items:center;gap:10px;padding:9px 0}.mockup-scope.mockup-scope.mockup-scope .support-card article>i{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:50%;background:#eaf3ff;color:var(--blue);font-style:normal;font-size:18px}.mockup-scope.mockup-scope.mockup-scope .support-card article div{min-width:0;flex:1}.mockup-scope.mockup-scope.mockup-scope .support-card article strong{display:block;color:#21344f;font-size:12px}.mockup-scope.mockup-scope.mockup-scope .support-card article p{margin:4px 0 0;color:#7b8a9f;font-size:10px;line-height:1.45}.mockup-scope.mockup-scope.mockup-scope .channels-card article{border-top:1px solid #eef2f6}.mockup-scope.mockup-scope.mockup-scope .channels-card article:first-of-type{border-top:0}.mockup-scope.mockup-scope.mockup-scope .channels-card article>i{background:transparent;width:25px;height:25px;flex-basis:25px}.mockup-scope.mockup-scope.mockup-scope .channels-card article>i.wa{color:#0dac59}.mockup-scope.mockup-scope.mockup-scope .channels-card article button,
.mockup-scope.mockup-scope.mockup-scope .channels-card article a{border:0;background:none;color:#1766cf;text-decoration:none;font-size:11px;padding:0;white-space:nowrap}.mockup-scope.mockup-scope.mockup-scope .recent-card{padding-bottom:12px}.mockup-scope.mockup-scope.mockup-scope .recent-card h2{margin-bottom:4px}.mockup-scope.mockup-scope.mockup-scope .recent-ticket{display:grid;grid-template-columns:1fr auto;gap:3px 7px;padding:10px 0;border-bottom:1px solid #edf1f5}.mockup-scope.mockup-scope.mockup-scope .recent-ticket strong{font-size:11px}.mockup-scope.mockup-scope.mockup-scope .recent-ticket small{color:#8492a5;font-size:9px}.mockup-scope.mockup-scope.mockup-scope .status{grid-row:1/-1;grid-column:2;align-self:center;padding:4px 6px;border-radius:5px;font-size:9px}.mockup-scope.mockup-scope.mockup-scope .status.accepted{background:#e7f8ef;color:#16875a}.mockup-scope.mockup-scope.mockup-scope .status.pending{background:#fff1df;color:#be7114}.mockup-scope.mockup-scope.mockup-scope .empty-recent{color:#8a98aa;text-align:center;padding:18px 0}.mockup-scope.mockup-scope.mockup-scope .recent-card>button{margin-top:9px;border:0;background:none;color:#1766cf;padding:0;font-size:11px}.mockup-scope.mockup-scope.mockup-scope .mobile-note{text-align:center;color:#8391a4;font-size:11px;margin:15px 0}
.mockup-scope.mockup-scope.mockup-scope .contact-rail{position:fixed;z-index:16;right:22px;top:50%;bottom:auto;transform:translateY(-50%);display:grid;gap:22px;width:94px;padding:25px 10px 27px;border:1px solid #dce6f4;border-radius:48px;background:#fff;box-shadow:0 16px 42px rgba(8,38,88,.14)}.mockup-scope.mockup-scope.mockup-scope .contact-rail a{width:72px;display:grid;justify-items:center;gap:8px;color:inherit;text-decoration:none;transition:transform .2s ease}.mockup-scope.mockup-scope.mockup-scope .contact-rail a:hover{transform:translateY(-2px)}.mockup-scope.mockup-scope.mockup-scope .contact-rail span{width:62px;height:62px;border-radius:50%;color:#fff;display:grid;place-items:center;box-shadow:0 7px 16px rgba(7,32,76,.14);transition:box-shadow .2s ease,transform .2s ease}.mockup-scope.mockup-scope.mockup-scope .contact-rail a:hover span{box-shadow:0 9px 22px rgba(7,32,76,.22);transform:scale(1.03)}.mockup-scope.mockup-scope.mockup-scope .contact-rail svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.mockup-scope.mockup-scope.mockup-scope .contact-rail small{font-size:17px;line-height:1.15;font-weight:700;color:#62728d;white-space:nowrap}.mockup-scope.mockup-scope.mockup-scope .ai-contact span{background:#3b82f6}.mockup-scope.mockup-scope.mockup-scope .wa-contact span{background:#1dd265}.mockup-scope.mockup-scope.mockup-scope .message-contact span{background:#ff690c}.mockup-scope.mockup-scope.mockup-scope .contact-rail .active span{outline:0}.mockup-scope.mockup-scope.mockup-scope .contact-rail .active small{color:#52627d}
.mockup-scope.mockup-scope.mockup-scope dialog{border:0;padding:0;border-radius:15px;box-shadow:0 24px 80px rgba(7,23,53,.27)}.mockup-scope.mockup-scope.mockup-scope dialog::backdrop{background:rgba(7,23,53,.4);backdrop-filter:blur(2px)}.mockup-scope.mockup-scope.mockup-scope #success-dialog{width:min(520px,calc(100% - 28px))}.mockup-scope.mockup-scope.mockup-scope #success-dialog form{padding:28px;text-align:center}.mockup-scope.mockup-scope.mockup-scope .dialog-close{position:absolute;right:13px;top:10px;border:0;background:none;font-size:24px;color:#7c899a}.mockup-scope.mockup-scope.mockup-scope .success-icon{width:52px;height:52px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:#e7f8ef;color:#0eaa5c;font-size:25px}.mockup-scope.mockup-scope.mockup-scope #success-dialog h2{margin:0 0 8px}.mockup-scope.mockup-scope.mockup-scope #success-dialog>form>p{margin:0;color:#68788f}.mockup-scope.mockup-scope.mockup-scope #success-dialog>form>p strong{color:var(--blue)}.mockup-scope.mockup-scope.mockup-scope .next-step{display:flex;gap:13px;text-align:left;margin:20px 0;padding:13px;background:#f3f7fc;border-radius:9px}.mockup-scope.mockup-scope.mockup-scope .next-step span{color:#1765ce;font-weight:800}.mockup-scope.mockup-scope.mockup-scope .next-step p{margin:0;color:#607188;font-size:12px;line-height:1.6}.mockup-scope.mockup-scope.mockup-scope .dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mockup-scope.mockup-scope.mockup-scope .dialog-actions button,
.mockup-scope.mockup-scope.mockup-scope .dialog-actions a{height:41px;display:grid;place-items:center;border-radius:7px;text-decoration:none;font-weight:800}.mockup-scope.mockup-scope.mockup-scope .dialog-actions button{border:0;background:var(--blue);color:#fff}.mockup-scope.mockup-scope.mockup-scope .dialog-actions a{border:1px solid #9dbce8;color:#1763c7}.mockup-scope.mockup-scope.mockup-scope #history-dialog{width:min(720px,calc(100% - 28px))}.mockup-scope.mockup-scope.mockup-scope #history-dialog>section{padding:22px}.mockup-scope.mockup-scope.mockup-scope .history-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid #e7edf4}.mockup-scope.mockup-scope.mockup-scope .history-head h2{margin:0;font-size:20px}.mockup-scope.mockup-scope.mockup-scope .history-head p{margin:4px 0 0;color:#7a899d}.mockup-scope.mockup-scope.mockup-scope .history-head button{border:0;background:none;font-size:24px}.mockup-scope.mockup-scope.mockup-scope .history-list{max-height:420px;overflow:auto}.mockup-scope.mockup-scope.mockup-scope .history-row{display:grid;grid-template-columns:1fr auto;gap:6px;padding:15px 2px;border-bottom:1px solid #e8edf3}.mockup-scope.mockup-scope.mockup-scope .history-row strong{color:#21344e}.mockup-scope.mockup-scope.mockup-scope .history-row p{grid-column:1/-1;margin:0;color:#64758c;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-scope.mockup-scope.mockup-scope .history-row small{color:#8a98aa}.mockup-scope.mockup-scope.mockup-scope .history-empty{text-align:center;color:#8492a4;padding:60px 0}.mockup-scope.mockup-scope.mockup-scope .toast{position:fixed;z-index:60;left:50%;bottom:28px;transform:translate(-50%,18px);padding:11px 17px;border-radius:8px;background:#0d2d58;color:#fff;opacity:0;pointer-events:none;transition:.22s;box-shadow:0 12px 30px rgba(0,0,0,.16)}.mockup-scope.mockup-scope.mockup-scope .toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.mockup-scope.mockup-scope.mockup-scope .brand{min-width:auto}.mockup-scope.mockup-scope.mockup-scope .header-actions{min-width:auto}.mockup-scope.mockup-scope.mockup-scope .desktop-nav{gap:18px}.mockup-scope.mockup-scope.mockup-scope .header-cta{display:none}.mockup-scope.mockup-scope.mockup-scope .purpose-tabs{grid-template-columns:repeat(4,1fr)}.mockup-scope.mockup-scope.mockup-scope .message-layout{grid-template-columns:minmax(0,1fr) 290px}.mockup-scope.mockup-scope.mockup-scope .contact-rail{right:12px;width:80px;padding:20px 6px;border-radius:42px;gap:18px}.mockup-scope.mockup-scope.mockup-scope .contact-rail a{width:66px}.mockup-scope.mockup-scope.mockup-scope .contact-rail span{width:54px;height:54px}.mockup-scope.mockup-scope.mockup-scope .contact-rail svg{width:30px;height:30px}.mockup-scope.mockup-scope.mockup-scope .contact-rail small{font-size:14px}}@media(max-width:820px){.mockup-scope.mockup-scope.mockup-scope .site-header{height:60px;padding:0 16px}.mockup-scope.mockup-scope.mockup-scope .brand-name strong{display:none}.mockup-scope.mockup-scope.mockup-scope .desktop-nav{display:none;position:absolute;left:0;right:0;top:60px;height:auto;flex-direction:column;gap:0;background:#fff;padding:10px 18px 18px;box-shadow:0 15px 30px rgba(8,23,52,.12)}.mockup-scope.mockup-scope.mockup-scope .desktop-nav.open{display:flex}.mockup-scope.mockup-scope.mockup-scope .desktop-nav a{height:42px;width:100%;display:flex}.mockup-scope.mockup-scope.mockup-scope .language{display:none}.mockup-scope.mockup-scope.mockup-scope .menu-toggle{display:block}.mockup-scope.mockup-scope.mockup-scope .message-hero{height:120px;text-align:center}.mockup-scope.mockup-scope.mockup-scope .message-hero svg{display:none}.mockup-scope.mockup-scope.mockup-scope .message-page{padding:12px 14px 118px}.mockup-scope.mockup-scope.mockup-scope .message-layout{grid-template-columns:1fr}.mockup-scope.mockup-scope.mockup-scope .support-column{position:static}.mockup-scope.mockup-scope.mockup-scope .purpose-tabs{display:flex;overflow:auto;scrollbar-width:none}.mockup-scope.mockup-scope.mockup-scope .purpose-tabs button{min-width:120px}.mockup-scope.mockup-scope.mockup-scope .form-grid{grid-template-columns:1fr}.mockup-scope.mockup-scope.mockup-scope .support-column{grid-template-columns:1fr 1fr}.mockup-scope.mockup-scope.mockup-scope .recent-card{grid-column:1/-1}.mockup-scope.mockup-scope.mockup-scope .contact-rail{right:50%;top:auto;bottom:12px;transform:translateX(50%);display:flex;width:auto;padding:7px 13px 8px;border-radius:35px;gap:14px}.mockup-scope.mockup-scope.mockup-scope .contact-rail a{width:60px;gap:3px}.mockup-scope.mockup-scope.mockup-scope .contact-rail span{width:40px;height:40px}.mockup-scope.mockup-scope.mockup-scope .contact-rail svg{width:24px;height:24px}.mockup-scope.mockup-scope.mockup-scope .contact-rail small{display:block;font-size:10px}.mockup-scope.mockup-scope.mockup-scope .mobile-note{display:none}}@media(max-width:540px){.mockup-scope.mockup-scope.mockup-scope .message-hero h1{font-size:28px}.mockup-scope.mockup-scope.mockup-scope .message-hero p{font-size:13px}.mockup-scope.mockup-scope.mockup-scope .page-tools{height:52px}.mockup-scope.mockup-scope.mockup-scope .form-panel{padding:10px 12px 18px}.mockup-scope.mockup-scope.mockup-scope .contact-choice{grid-template-columns:1fr}.mockup-scope.mockup-scope.mockup-scope .contact-choice span{border-radius:7px!important;margin-top:5px}.mockup-scope.mockup-scope.mockup-scope .drop-zone{height:115px;grid-template-columns:27px minmax(0,1fr);padding:0 16px}.mockup-scope.mockup-scope.mockup-scope .urgency{align-items:flex-start;flex-wrap:wrap;gap:12px}.mockup-scope.mockup-scope.mockup-scope .urgency legend{width:100%}.mockup-scope.mockup-scope.mockup-scope .form-actions{display:grid;grid-template-columns:1fr 1fr}.mockup-scope.mockup-scope.mockup-scope .submit-button,
.mockup-scope.mockup-scope.mockup-scope .draft-button{padding:0 10px}.mockup-scope.mockup-scope.mockup-scope .form-actions>span{grid-column:1/-1}.mockup-scope.mockup-scope.mockup-scope .support-column{grid-template-columns:1fr}.mockup-scope.mockup-scope.mockup-scope .recent-card{grid-column:auto}.mockup-scope.mockup-scope.mockup-scope .dialog-actions{grid-template-columns:1fr}.mockup-scope.mockup-scope.mockup-scope .page-tools button{padding:0 10px}.mockup-scope.mockup-scope.mockup-scope .page-tools button b{display:none}}