:root{color-scheme:dark;--ink:#f0eee8;--muted:#a0a5ae;--teal:#d9b983;--mint:#24251f;--paper:#0c1017;--line:#ffffff14;--gold:#d9b983;--panel:#121720;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}body:before{content:'';position:absolute;inset:0 0 auto;height:900px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 16% 25%,#363b5220,transparent 55%)}a{color:var(--gold);text-decoration:none}a:hover{color:#f8e3bc}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header,main,footer{width:min(1200px,calc(100% - 96px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;min-height:116px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;direction:ltr;color:var(--ink);flex-shrink:0}.brand img{width:45px;height:45px}.brand-name{font:500 20px/1.2 var(--serif);letter-spacing:3px}.brand-name small{font:9px/1.3 Arial,sans-serif;letter-spacing:4px;margin-top:7px;color:#a9a59d}.brand:hover{color:var(--ink)}nav{display:flex;align-items:center;gap:28px;font-size:13px}nav>a:not(.button){color:#c4c5c8}nav form{margin:0}main{min-height:70vh}h1,h2,h3,p{margin-top:0}h1{font-size:38px;line-height:1.55;font-weight:500;margin-bottom:12px}h2{font-size:32px;line-height:1.6;font-weight:400;letter-spacing:-.8px}h3{font-size:19px;font-weight:400;margin-bottom:12px}p{color:var(--muted)}section{margin:42px 0 72px}em{font-style:normal;color:var(--gold)}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:.6px}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:49px;background:var(--gold);color:#171717;border:1px solid var(--gold);padding:11px 25px;border-radius:6px;font:500 13px/1.8 Tahoma,Arial,sans-serif;cursor:pointer;transition:background .22s,transform .22s,box-shadow .22s}.button:hover,button:hover{background:#ecd1a6;color:#171717;transform:translateY(-2px);box-shadow:0 8px 28px #d9b98314}.button span,button span{font-size:20px;line-height:1}.small{min-height:42px;padding:8px 20px;gap:20px}.secondary{background:transparent;color:var(--ink);border:1px solid #ffffff23}.secondary:hover{background:#d9b98310;border-color:#d9b98366;color:var(--gold);box-shadow:none}.text{background:none;color:var(--muted);border:0;min-height:44px;padding:0;font-weight:400}.text:hover{background:none;color:var(--gold);box-shadow:none}.skip-link{position:fixed;top:-100px;right:20px;z-index:30;background:var(--gold);color:#111;padding:12px}.skip-link:focus{top:10px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;min-height:650px;margin:0;padding:55px 0 65px}.hero-copy{position:relative;z-index:2;animation:enter .85s both}.hero .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{display:inline-block;width:22px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(62px,6.5vw,92px);line-height:1.45;letter-spacing:-3px;margin:22px 0 20px;font-weight:500}.lead{font-size:16px;line-height:2;margin-bottom:0;color:#b6b8be}.actions{display:flex;gap:28px;align-items:center;margin:32px 0}.hero .button{min-height:54px;padding:12px 30px}.quiet-link{font-size:12px;color:#c0c1c4;display:flex;gap:15px;align-items:center}.quiet-link span{color:var(--gold);font-size:18px}.hero-note{font-size:10px;color:#999d9f;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:5px;height:5px;background:#b5c7a6;box-shadow:0 0 12px #b5c7a649;border-radius:50%;flex-shrink:0}.constellation{position:relative;height:510px;display:grid;place-items:center;isolation:isolate;direction:ltr;animation:enter 1s .15s both}.ambient-glow{position:absolute;width:90%;height:90%;background:radial-gradient(ellipse,#d9b9830c,transparent 65%);border-radius:50%}.orbital{position:absolute;width:390px;height:390px;border:1px solid #d9b98321;border-radius:50%}.orbit-one{transform:rotateX(62deg) rotate(-28deg);animation:orbit-turn 22s linear infinite}.orbit-two{width:460px;height:460px;transform:rotateX(65deg) rotate(40deg);border-color:#6d7e9a25;animation:orbit-turn 30s linear infinite reverse}.orbit-three{width:330px;height:330px;border-style:dashed;border-color:#d9b98314;animation:spin 100s linear infinite}.core-emblem{width:230px;height:230px;display:grid;place-items:center;background:linear-gradient(135deg,#242730,#11151c 65%);border:1px solid #ffffff16;border-radius:52px;box-shadow:inset 0 1px 1px #ffffff13,0 36px 100px #0007,0 0 80px #d9b98307;transform:rotate(-10deg);animation:levitate 7s ease-in-out infinite}.core-emblem img{width:135px;height:135px;filter:drop-shadow(0 8px 15px #0008)}.star{width:6px;height:6px;position:absolute;background:var(--gold);border-radius:50%;box-shadow:0 0 20px #d9b98380}.star-one{top:19%;left:21%;animation:pulse 4s infinite}.star-two{right:14%;bottom:24%;width:4px;height:4px;animation:pulse 5s 1s infinite}.glass-label{position:absolute;display:flex;align-items:center;gap:13px;border:1px solid #ffffff1a;background:#161c25e8;backdrop-filter:blur(12px);border-radius:11px;box-shadow:0 16px 40px #0003}.label-code{right:0;top:73px;padding:16px 19px;animation:float-label 8s ease-in-out infinite;font-size:12px;direction:rtl}.label-code small{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:1.2px;margin-top:5px;color:#8e949e}.mini-icon{font:16px monospace;color:var(--gold);padding:7px;background:#d9b9830a;border-radius:5px}.label-code i{margin-right:8px}.label-domain{bottom:82px;left:0;padding:14px 18px;font:11px/1.6 monospace;letter-spacing:.1px;color:#d9dadd;animation:float-label 7s 1s ease-in-out infinite}.label-domain>span:last-child{color:var(--gold);font-size:18px;margin-left:14px}.tiny-lock{color:var(--gold);font-size:17px}.coordinate{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font:8px monospace;letter-spacing:3px;white-space:nowrap;color:#5e636d}.section-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 0 32px}.section-head h2{margin:9px 0 0}.section-head p{font-size:13px;margin-bottom:0}.section-index{font:9px monospace;letter-spacing:2px;color:#767e89;direction:ltr}.services-section{border-top:1px solid var(--line);padding-top:58px;margin:0 0 92px}.service-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.service-tile{display:flex;align-items:center;gap:22px;padding:30px 24px;border-bottom:1px solid var(--line);color:var(--ink);transition:background .25s}.service-tile:nth-child(odd){border-left:1px solid var(--line)}.service-tile:hover{background:#ffffff03;color:var(--ink)}.service-tile h3{margin-bottom:5px;font-size:19px}.service-tile p{font-size:12px;margin:0}.service-icon{display:grid;place-items:center;flex-shrink:0;width:50px;height:50px;background:#d9b98305;border:1px solid #d9b98315;border-radius:12px;transition:transform .3s}.service-icon svg{width:26px;height:26px;fill:none;stroke:var(--gold);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.service-tile:hover .service-icon{transform:translateY(-3px)}.service-end{display:flex;align-items:center;gap:18px;margin-right:auto;color:#b9b7ae}.service-end>.badge{margin:0}.grid{display:grid;gap:20px}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#151b24,#11161e);padding:28px;min-width:0}.card p{font-size:13px}.card .icon{font:32px monospace;display:block;color:var(--gold);margin-bottom:18px}.badge{display:inline-block;border-radius:30px;padding:3px 10px;font-size:10px;background:#ffffff07;border:1px solid #ffffff0b;color:#a7a9ae;margin-bottom:12px}.green{background:#a9c5a70b;color:#b4c9ab;border-color:#a9c5a71c}.plans-section{margin:0 0 80px}.plans-grid{gap:14px}.plan{padding:26px 24px;border-radius:9px;transition:border-color .3s,transform .3s}.plan:hover{border-color:#d9b98355;transform:translateY(-4px)}.plan-duration{font:10px Tahoma,sans-serif;color:#929aa5}.plan h3{margin:12px 0 25px;font-size:16px}.price{font:400 38px/1.4 var(--serif);font-variant-numeric:tabular-nums;direction:ltr;text-align:right}.price small{display:inline;font:11px Tahoma,sans-serif;color:#a9a69e}.plan .button{margin-top:30px;width:100%;padding:10px 14px;justify-content:space-between;font-size:11px}.plan:first-child{border-color:#d9b98340;background:linear-gradient(145deg,#26272044,#13181f)}.plan:first-child .button{background:var(--gold);color:#171717;border-color:var(--gold)}.plan-note{text-align:center;font-size:11px;color:#898f98;margin-top:22px}.closing{text-align:center;padding:65px 0 60px;border-top:1px solid var(--line);margin-bottom:0;background:radial-gradient(ellipse at 50% 80%,#d9b98305,transparent 65%)}.closing>img{opacity:.85}.closing h2{font-size:44px;line-height:1.65;margin:16px 0 28px;letter-spacing:-1.5px}.closing .button{min-width:155px}.muted,small{color:var(--muted);font-size:12px}small{display:block}.auth{max-width:460px;margin:65px auto 90px;padding:36px 38px}.auth-mark{margin-bottom:25px}.auth h1{font-size:31px;margin:10px 0}.auth>p{font-size:12px;margin-bottom:26px}.auth form{margin-top:26px}.auth button{width:100%;justify-content:space-between;margin-top:9px}.auth-switch{text-align:center;margin:24px 0 0!important}.auth-switch a{color:#afada6;font-size:12px}form{margin:0}label{display:block;font-size:12px;font-weight:400;margin-bottom:19px;color:#c9cbd0}input,select,textarea{display:block;width:100%;min-width:0;margin-top:8px;padding:12px 13px;background:#0b1017;border:1px solid #ffffff1c;border-radius:6px;font:inherit;font-size:16px;color:var(--ink);transition:border-color .2s}input::placeholder,textarea::placeholder{font-size:12px;color:#636d7a}input:focus,textarea:focus,select:focus{outline:0;border-color:#d9b98399;box-shadow:0 0 0 3px #d9b98309}input[type=file]{font-size:12px}input[type=file]::file-selector-button{background:#252b34;color:#ddd;border:0;border-radius:3px;padding:7px;margin-inline-end:12px}textarea{resize:vertical}form>button{margin-top:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 25px}.form-end{align-self:center}.form-end small{margin-top:8px}.notice{padding:15px 20px;border:1px solid #a9c5a72c;background:#a9c5a70a;border-radius:7px;margin:22px 0;color:#c6d6bf;font-size:13px}.error{border-color:#df9b7b33;background:#df9b7b09;color:#e1b5a1}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;text-align:right;font-size:12px}th{font-size:10px;color:var(--muted);font-weight:400;background:#ffffff03}td,th{padding:15px 10px;border-bottom:1px solid var(--line);vertical-align:top}td small{max-width:230px;overflow-wrap:anywhere}.inline{display:flex;gap:7px;align-items:center;max-width:340px}.inline input,.inline select{min-width:80px;max-width:180px;margin:0;font-size:12px}.inline button{margin:0;white-space:nowrap;padding:8px 12px;min-height:42px;font-size:11px}.tabs{padding:10px 0 30px;gap:8px;flex-wrap:wrap}.tabs a{font-size:11px;padding:8px 15px;border-radius:5px;border:1px solid var(--line);color:#afb4bc}.tabs .selected{background:var(--gold);border-color:var(--gold);color:#171717}.message{border-bottom:1px solid var(--line);padding:14px 0}.message b{font-size:12px;font-weight:400;color:var(--gold)}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.conversation{max-height:560px;overflow:auto}.danger{background:#b5806a;border-color:#b5806a;color:#171717}.danger:hover{background:#cf9c88}hr{border:0;border-top:1px solid var(--line);margin:25px 0}code{direction:ltr;unicode-bidi:embed;background:#ffffff08;border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-size:12px;color:#d8c6a8}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;border-top:1px solid var(--line);font-size:10px;color:#757d87;margin-top:45px}footer a{font-size:11px;color:#9b9b96}.footer-brand{font:14px var(--serif);letter-spacing:2px;color:#c6c0b2}.footer-brand span{font:8px Arial,sans-serif;letter-spacing:1.5px;margin-left:10px;color:#787f89}.empty{border-style:dashed}.section-head:has(h1){margin:40px 0 28px}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal-ready.revealed{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes levitate{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-13px) rotate(-7deg)}}@keyframes float-label{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit-turn{0%{transform:rotateX(62deg) rotate(-28deg)}100%{transform:rotateX(62deg) rotate(332deg)}}
@media(min-width:1400px){.hero{min-height:720px}.constellation{height:550px}.hero h1{font-size:100px}}@media(max-width:1050px){header,main,footer{width:calc(100% - 64px)}.hero{gap:0;min-height:590px}.hero h1{font-size:70px}.constellation{height:440px;transform:scale(.87)}.core-emblem{width:200px;height:200px;border-radius:44px}.label-code{right:-8px}.label-domain{left:-15px}.plan{padding:22px 18px}.price{font-size:33px}.section-index{font-size:8px}.service-tile{padding:26px 18px;gap:15px}}
@media(max-width:760px){header,main,footer{width:calc(100% - 40px)}header{min-height:90px}.brand-name{font-size:17px;letter-spacing:2px}.brand-name small{font-size:7px;letter-spacing:3px}.brand img{width:38px;height:38px}.brand{gap:8px}nav{gap:18px;font-size:12px}.small{padding:8px 15px;gap:14px;font-size:11px;min-height:40px}.hero{grid-template-columns:1fr;text-align:center;padding:49px 0 20px;min-height:0}.hero-copy{order:0}.hero .eyebrow{justify-content:center;font-size:10px}.hero h1{font-size:64px;line-height:1.4;margin:19px 0 18px;letter-spacing:-2px}.lead{font-size:13px}.actions{justify-content:center;gap:24px;margin:26px 0 22px}.hero .button{min-height:50px;padding:10px 23px;font-size:12px}.quiet-link{font-size:11px;gap:12px}.hero-note{justify-content:center;font-size:9px}.constellation{height:370px;width:min(100%,480px);margin:10px auto 0;transform:none}.core-emblem{width:170px;height:170px;border-radius:38px}.core-emblem img{width:103px;height:103px}.orbital{width:290px;height:290px}.orbit-two{width:350px;height:350px}.orbit-three{width:250px;height:250px}.label-code{top:37px;right:0;padding:11px 13px;font-size:10px;border-radius:8px;gap:10px}.label-code small{font-size:6px}.mini-icon{font-size:12px;padding:5px}.label-domain{bottom:42px;left:0;font-size:9px;padding:10px 13px;gap:10px}.coordinate{bottom:5px;font-size:7px;letter-spacing:2px}.star-one{top:24%;left:14%}.services-section{padding-top:38px;margin-top:5px;margin-bottom:54px}.section-head{margin-bottom:23px;gap:12px}.section-head h2{font-size:27px}.section-head .eyebrow{font-size:10px}.section-index{font-size:7px;letter-spacing:1px}.service-list{grid-template-columns:1fr}.service-tile:nth-child(odd){border-left:0}.service-tile{padding:24px 6px;gap:18px}.service-icon{width:46px;height:46px;border-radius:10px}.service-icon svg{width:24px;height:24px}.service-tile h3{font-size:17px}.service-tile p{font-size:11px}.service-end{gap:15px}.four{grid-template-columns:repeat(2,minmax(0,1fr))}.three,.two,.form-grid{grid-template-columns:1fr}.plans-grid{gap:12px}.plan{padding:21px 17px}.plan h3{font-size:14px;margin:10px 0 20px}.price{font-size:32px}.price small{font-size:10px}.plan .button{font-size:10px;padding:9px 11px;gap:10px;margin-top:23px;min-height:43px}.plans-section{margin-bottom:50px}.plan-note{font-size:10px}.closing{padding:38px 0 20px}.closing h2{font-size:36px}.closing>img{width:44px;height:44px}.closing .button{min-height:47px;font-size:12px}.card{padding:23px}.auth{margin:40px auto 65px;padding:29px 25px}.auth h1{font-size:29px}.auth-mark{margin-bottom:20px}.auth>p{font-size:11px}.auth .eyebrow{font-size:10px}.section-head:has(h1){align-items:flex-start;flex-direction:column}.section-head h1{font-size:29px}.section-head p{font-size:12px}h2{font-size:25px}section{margin-bottom:38px}footer{gap:14px;flex-wrap:wrap;margin-top:35px;padding:25px 0}.footer-brand{font-size:12px}.footer-brand span{display:block;font-size:7px;margin:6px 0 0}.tabs{gap:6px}.tabs a{font-size:10px;padding:7px 12px}.inline{flex-wrap:wrap}}
@media(max-width:380px){header,main,footer{width:calc(100% - 32px)}.brand-name{font-size:14px}.brand img{width:31px;height:31px}nav{gap:12px}.small{padding:7px 11px;gap:9px}.hero h1{font-size:57px}.label-code{right:0;font-size:9px}.constellation{height:340px}.orbit-two{width:300px;height:300px}.orbital{width:260px;height:260px}.orbit-three{width:230px;height:230px}.label-domain{font-size:8px}.section-head h2{font-size:24px}.section-index{font-size:6px}.plan{padding:19px 14px}.price{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}
/* Keep animated orbital paths within the viewport on small screens. */
body{overflow-x:clip}.constellation{overflow:clip}
@media(max-width:760px){header:has(nav form){flex-wrap:wrap;padding:20px 0;gap:15px}header:has(nav form) nav{width:100%;justify-content:space-between;gap:12px}header:has(nav form) .brand{margin-inline-end:auto}}
/* Alkheyal / daylight collection */
:root{color-scheme:light;--ink:#253b39;--muted:#74807c;--teal:#a78249;--mint:#eaf0e9;--paper:#faf8f3;--line:#dfe4db;--gold:#a78249;--panel:#fffefa}
body{background:var(--paper)}body:before{height:1050px;background:radial-gradient(ellipse at 10% 25%,#e5ebdf88,transparent 54%),radial-gradient(ellipse at 90% 10%,#f3e5cd55,transparent 60%)}
header{border-color:#dce1d6}.brand-name{color:#31443f}.brand-name small{color:#8b8d7d}nav>a:not(.button){color:#53625a}.button,button{background:#b08b52;color:#fffdf6;border-color:#b08b52;box-shadow:0 6px 18px #96713d12}.button:hover,button:hover{background:#98723d;color:#fff;box-shadow:0 9px 22px #96713d22}.secondary{background:transparent;color:#54634f;border-color:#d4dccd;box-shadow:none}.secondary:hover{background:#edf1e6;color:#556747;border-color:#b7c5ac}.text{background:none;color:#667262;box-shadow:none}.text:hover{background:none;color:#98723d;box-shadow:none}.lead{color:#778076}.quiet-link{color:#61725f}.hero-note{color:#87907e}.status-dot{background:#88a078;box-shadow:0 0 10px #9eb88735}.hero h1 em{color:#ad874b}.ambient-glow{background:radial-gradient(ellipse,#e3d5b74d,transparent 65%)}.orbital{border-color:#b9c4af75}.orbit-two{border-color:#b6c6c74a}.orbit-three{border-color:#b9b29940}.core-emblem{background:linear-gradient(135deg,#fffefb,#f3f2e9 65%);border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,0 25px 70px #8b957625,0 0 90px #e0d4ba30}.core-emblem img{filter:drop-shadow(0 9px 12px #ac8b4930)}.glass-label{background:#fffefaed;border-color:#e6e8df;box-shadow:0 12px 36px #7d8f7012}.label-code{color:#52634c}.label-code small{color:#9a9e8e}.mini-icon{background:#f2f0e5;color:#a28756}.label-domain{color:#68715e}.coordinate{color:#9ca591}.star{background:#b19a6b;box-shadow:0 0 16px #cab78966}.services-section{border:0;padding:38px 36px 36px;border-radius:24px;background:#edf1e7;position:relative}.services-section:before{content:'';position:absolute;top:-12px;left:40px;width:54px;height:3px;background:#bfa777;border-radius:6px}.section-index{color:#87917f}.service-list{gap:16px;border:0}.service-tile{border:1px solid #e1e6d9;background:#fffef9;border-radius:15px;padding:28px 24px;box-shadow:0 6px 16px #9da98d06;transition:transform .3s,box-shadow .3s,border-color .3s}.service-tile:nth-child(odd){border-left:1px solid #e1e6d9}.service-tile:hover{background:#fffefa;border-color:#bfcbb2;transform:translateY(-4px);box-shadow:0 15px 26px #97a58815;color:var(--ink)}.service-icon{width:58px;height:58px;border:0;background:#f0f3e7;border-radius:16px}.service-icon svg{stroke:#879a66;stroke-width:1.3;width:29px;height:29px}.service-files .service-icon{background:#f8eddf}.service-files .service-icon svg{stroke:#b69265}.service-php .service-icon{background:#ececf5}.service-php .service-icon svg{stroke:#9498b5}.service-node .service-icon{background:#e8f0ec}.service-node .service-icon svg{stroke:#7e9b87}.service-end{color:#9ca28f}.service-tile p{color:#87917e}.badge{background:#f2f3ec;border-color:#e4e7da;color:#8b957b}.green{background:#eef3e6;border-color:#d9e4cc;color:#6d875b}.plans-section{padding:10px 6px 0}.card{background:#fffefa;border-color:#e1e5da;box-shadow:0 6px 22px #8c9d7506}.plan{background:#fffefa;box-shadow:0 12px 32px #889a7507}.plan:first-child{background:linear-gradient(145deg,#f6f0e4,#fffaf0);border-color:#dcc79e}.plan:first-child .button{background:#b08b52;border-color:#b08b52;color:#fffefa}.plan:hover{border-color:#c9b58d;box-shadow:0 14px 30px #b1a18416}.plan-duration{color:#9a9e8d}.price small{color:#89907e}.plan-note{color:#929985}.closing{border:1px solid #e1e5d7;background:radial-gradient(ellipse at 20% 90%,#e5ebdc,transparent 70%),linear-gradient(120deg,#f1f3e9,#f6f0e3);border-radius:26px;margin-top:65px;margin-bottom:25px;padding:50px 0}.closing>img{opacity:1}.closing h2 em{color:#a18551}.auth{box-shadow:0 20px 70px #88977312;background:linear-gradient(145deg,#fffefa,#fdfbf5);border-color:#e4e7dc}.auth-switch a{color:#8c947f}.auth>p{color:#929985}label{color:#64735d}input,select,textarea{background:#fffefa;border-color:#dce2d3;color:#33462e}input::placeholder,textarea::placeholder{color:#a6ad9a}input:focus,textarea:focus,select:focus{border-color:#b6a078;box-shadow:0 0 0 3px #b6a07812}input[type=file]::file-selector-button{background:#edf1e5;color:#6a795d}.notice{background:#edf3e4;border-color:#d6e1c8;color:#70885d}.error{background:#fbf0e8;border-color:#ecd3c0;color:#a57152}th{background:#f4f5ed;color:#8c967f}.tabs a{color:#8b957e}.tabs .selected{background:#b08b52;color:#fffefa;border-color:#b08b52}.message b{color:#9b824f}.danger{background:#b28669;border-color:#b28669;color:#fff}.danger:hover{background:#9b7155;color:#fff}code{background:#f3f4e9;border-color:#e4e7da;color:#89956f}footer{border-color:#dfe4d6;color:#9ca38d}footer a{color:#8b967c}.footer-brand{color:#69785d}.footer-brand span{color:#9fa78f}
/* Small, distinct icon animations; no layout shifts. */
.animated-code{animation:code-breathe 3s ease-in-out infinite;transform-origin:center}.animated-download{animation:download-step 2.8s ease-in-out infinite}.service-php .service-icon svg{animation:cube-turn 7s ease-in-out infinite;transform-origin:center}.service-node .service-icon svg{animation:node-drift 5s ease-in-out infinite;transform-origin:center}.service-icon{position:relative}.service-node .service-icon:after{content:'';position:absolute;width:5px;height:5px;background:#8eab91;border:2px solid #fff;border-radius:50%;top:8px;right:9px;animation:pulse 3s infinite}.service-tile:hover .service-icon{transform:translateY(-3px) rotate(-4deg)}
@keyframes code-breathe{0%,100%{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}@keyframes download-step{0%,30%,100%{transform:translateY(0)}55%{transform:translateY(2px)}75%{transform:translateY(-1px)}}@keyframes cube-turn{0%,65%,100%{transform:rotate(0)}80%{transform:rotate(12deg)}}@keyframes node-drift{0%,100%{transform:translateY(1px) rotate(0)}50%{transform:translateY(-2px) rotate(-6deg)}}
@media(max-width:760px){.services-section{padding:28px 18px 20px;border-radius:20px;margin-top:12px}.services-section .section-head{align-items:flex-end}.services-section .section-index{display:none}.service-list{gap:12px}.service-tile{padding:22px 17px;gap:16px;border-radius:12px}.service-tile:nth-child(odd){border-left:1px solid #e1e6d9}.service-icon{width:49px;height:49px;border-radius:13px}.service-icon svg{width:26px;height:26px}.service-tile h3{font-size:17px}.service-tile p{font-size:10px}.service-end{gap:10px}.closing{padding:35px 10px;margin-top:40px;border-radius:20px}.plans-section{padding:0}.auth{box-shadow:0 12px 35px #8897730d}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Studio edition: editorial layout, product-led surfaces and live concierge. */
.studio-edition header{border-bottom:0;min-height:110px}.studio-edition .brand img{width:40px;height:40px}.studio-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center;padding:65px 0 75px;margin:0;min-height:650px}.studio-copy .eyebrow{display:flex;gap:9px;align-items:center}.studio-copy h1{font-size:clamp(40px,4.1vw,62px);line-height:1.55;letter-spacing:-1.8px;margin:22px 0}.studio-copy h1 em{color:#9c8458}.studio-copy>p{font-size:14px;max-width:360px;line-height:2.2}.studio-copy .actions{gap:20px}.help-link{padding:10px 0;background:transparent;border:0;color:#536650;box-shadow:none;gap:12px}.help-link:hover{background:none;color:#96713d;box-shadow:none}.hero-footnote{display:flex;gap:20px;font-size:10px;color:#89907f;margin-top:36px}.hero-footnote span:before{content:'✓';margin-left:6px;color:#9ba78c}.product-scene{position:relative;padding:45px 0 55px;isolation:isolate;direction:rtl}.scene-grid{position:absolute;inset:0 -20px;border-radius:50%;z-index:-1;background:radial-gradient(ellipse,#e7ebdcaa,transparent 68%)}.studio-app{background:#fffefa;border:1px solid #e1e4d7;border-radius:14px;overflow:hidden;box-shadow:0 30px 65px #67765716,0 3px 12px #7f8c6409;transform:perspective(1500px) rotateY(8deg) rotate(-2deg);animation:app-arrive .9s ease-out both}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e9eadf;direction:ltr;font:9px Arial,sans-serif;color:#9ba18f}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#d9decf}.window-dots i:first-child{background:#d4b585}.app-lock{font-size:16px}.app-body{display:flex;min-height:340px}.app-sidebar{width:60px;flex-shrink:0;border-left:1px solid #eeeee4;display:flex;align-items:center;flex-direction:column;gap:23px;padding:22px 0;font:18px Arial,sans-serif;color:#c2c6b7}.app-sidebar img{margin-bottom:8px}.side-active{background:#edf2e5;border-radius:7px;color:#97a482;padding:4px 8px}.app-content{padding:25px;flex:1;min-width:0}.app-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.app-welcome small{font-size:8px;color:#a2aa96}.app-welcome strong{display:block;font-size:15px;font-weight:400;margin-top:5px;color:#4e5e46}.sample-avatar{width:30px;height:30px;border-radius:50%;background:#f2ecdf;display:grid;place-items:center;color:#b29b71;font-size:11px}.project-preview{border:1px solid #e4e9db;border-radius:9px;overflow:hidden}.preview-top{display:flex;justify-content:space-between;padding:10px 13px;color:#a1ad92;font-size:13px}.live-pill{display:flex;align-items:center;gap:5px;border-radius:20px;background:#edf3e6;color:#7e9566;font-size:8px;padding:1px 8px}.live-pill i{width:4px;height:4px;border-radius:50%;background:#9bb684}.project-art{margin:0 12px;background:linear-gradient(135deg,#f3f3e6,#e9efdf);height:105px;border-radius:4px;display:grid;place-items:center;overflow:hidden}.project-art svg{width:180px;height:100px;animation:landscape-drift 8s ease-in-out infinite}.preview-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:12px}.preview-bottom strong{font-size:10px;font-weight:400;color:#6c7b5d}.preview-bottom>span{font:7px Arial,sans-serif;color:#a0aa91}.app-mini-row{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:12px;border:1px solid #eceee2;border-radius:7px;color:#758769;font-size:10px}.app-mini-row small{font-size:7px;color:#adb59f;margin-right:25px}.mini-folder{font-style:normal;font-size:20px;vertical-align:middle;margin-left:5px;color:#b8a077}.mini-chart{display:flex;gap:4px;align-items:flex-end;height:25px;direction:ltr}.mini-chart b{width:7px;height:12px;background:#dce5d2;border-radius:2px}.mini-chart b:nth-child(2){height:20px}.mini-chart b:nth-child(3){height:16px}.mini-chart b:nth-child(4){height:24px;background:#c7d6b6}.mini-chart b:nth-child(5){height:18px}.scene-float{position:absolute;left:-20px;bottom:35px;background:#fffefa;border:1px solid #e5e7dc;border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 40px #6e815412;font-size:11px;color:#647653;animation:float-label 7s ease-in-out infinite}.scene-float small{font-size:8px;color:#a5ae99;margin-top:2px}.success-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#eef3e6;color:#9bae86}.float-spark{color:#c1aa7c;margin-right:24px;font-size:20px}.scene-caption{display:block;position:absolute;bottom:0;left:0;font-size:8px;color:#aeb49f;letter-spacing:.5px}.capability-strip{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-top:1px solid #e1e5d9;border-bottom:1px solid #e1e5d9;color:#97a087;font-size:11px}.capability-strip>div{display:flex;gap:45px;direction:ltr}.capability-strip b{font:10px Arial,sans-serif;letter-spacing:2px;color:#8e9981}.studio-services{padding:35px 0 0;margin:65px 0 80px}.studio-services .section-head h2{font-size:38px;line-height:1.6}.studio-services .section-head>p{max-width:200px;font-size:12px}.studio-service-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.feature-site,.feature-files,.feature-runtime{position:relative;border-radius:18px;overflow:hidden}.feature-site{background:#eaf0e2;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;color:#354b32}.feature-copy{padding:32px 32px 0}.feature-copy h3,.feature-files h3{font-size:24px;margin:16px 0 10px;letter-spacing:-.5px}.feature-copy p,.feature-files p{font-size:11px;color:#8e9a7e}.feature-arrow{position:absolute;left:30px;top:31px;font-size:24px;color:#9dab8a;transition:transform .3s}.feature-site:hover .feature-arrow,.feature-files:hover .feature-arrow{transform:translate(-3px,-3px)}.site-illustration{position:relative;height:190px;display:flex;justify-content:center;margin-top:25px}.mini-browser{width:65%;background:#fffefa;border:1px solid #dbe4cc;border-radius:9px 9px 0 0;transform:rotate(-5deg) translateY(8px);box-shadow:0 15px 35px #7a8f5410;transition:transform .4s}.feature-site:hover .mini-browser{transform:rotate(-2deg) translateY(2px)}.mini-browser-top{display:flex;gap:4px;padding:12px;border-bottom:1px solid #eef0e4}.mini-browser-top i{width:4px;height:4px;border-radius:50%;background:#d1dac2}.mini-browser-content{padding:22px}.mini-heading{display:block;width:55%;height:10px;background:#b8c9a3;border-radius:3px}.mini-line{display:block;width:70%;height:4px;background:#e4e9d8;border-radius:3px;margin-top:10px}.mini-cta{display:block;width:40px;height:13px;background:#dfc9a0;border-radius:3px;margin-top:12px}.mini-shapes{display:flex;gap:10px;margin-top:20px}.mini-shapes b{flex:1;height:55px;background:#f0f3e7;border-radius:6px}.mini-shapes b:nth-child(2){background:#f5edde}.mini-shapes b:nth-child(3){background:#e8ece6}.floating-code{position:absolute;top:40px;right:12%;display:grid;place-items:center;width:51px;height:51px;background:#fffefa;border:1px solid #dfe6d2;border-radius:12px;color:#94a47e;box-shadow:0 10px 20px #98a88410;font:17px monospace;animation:float-label 5s ease-in-out infinite}.feature-files{padding:32px;background:#f2ece1;display:flex;flex-direction:column;justify-content:flex-end;color:#675638}.feature-files .eyebrow{margin-top:30px}.feature-files p{color:#ab9c80}.feature-files .feature-arrow{color:#b39d75}.file-stack{height:145px;position:relative;direction:ltr;margin-top:0}.file-sheet{position:absolute;width:92px;height:116px;border-radius:9px;border:1px solid #e1dccd;box-shadow:0 12px 25px #b8a77a15;background:#fffdf6;top:12px;left:50%;display:flex;align-items:flex-end;padding:16px;font:11px Arial,sans-serif;letter-spacing:1px;transition:transform .4s}.file-sheet:before{content:'';position:absolute;top:30px;left:16px;width:38px;height:4px;border-radius:3px;background:#e9e4d6;box-shadow:0 10px #eeeadd,0 20px #eeeadd}.file-sheet.back{transform:translateX(-100%) rotate(-18deg);color:#a6b391;background:#f7f9f0}.file-sheet.mid{transform:translateX(-25%) rotate(13deg);color:#c5a485;background:#fdf6ed}.file-sheet.front{transform:translateX(-60%) rotate(-2deg);color:#ac986c;animation:document-sway 7s ease-in-out infinite}.file-sheet.front span{margin-left:auto}.feature-runtime{grid-column:1/-1;background:#f0f1ed;border:1px solid #e4e7dd;display:flex;gap:24px;align-items:center;padding:25px 32px}.feature-runtime h3{margin:5px 0;font-size:20px}.feature-runtime p{margin:0;font:10px Arial,sans-serif;color:#98a08a;letter-spacing:1px}.feature-runtime .badge{margin:0 auto 0 0}.runtime-orbit{width:66px;height:66px;border:1px solid #d9e1d0;border-radius:50%;display:grid;place-items:center}.runtime-orbit span{display:grid;place-items:center;width:43px;height:43px;background:#fffefa;border-radius:10px;font:16px monospace;color:#98a98a;animation:node-drift 5s infinite}.concierge{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border-top:1px solid #dfe4d6;border-bottom:1px solid #dfe4d6;padding:55px 30px;margin:0 0 80px}.concierge-copy h2{font-size:35px;line-height:1.65;margin:15px 0}.concierge-copy p{font-size:12px;max-width:300px;line-height:2.2;margin-bottom:26px}.concierge-visual{position:relative;min-height:260px;display:grid;place-items:center;background:radial-gradient(ellipse,#edf0e4aa,transparent 65%)}.support-logo{width:94px;height:94px;border-radius:28px;background:#fffefa;border:1px solid #e5e6d9;display:grid;place-items:center;box-shadow:0 20px 40px #9aa58114;transform:rotate(-8deg)}.sample-bubble{position:absolute;padding:15px 23px;border-radius:10px;background:#fffefa;border:1px solid #e2e5d7;box-shadow:0 8px 25px #8e9b7510;font-size:12px}.bubble-a{right:0;top:10px;animation:float-label 7s infinite}.bubble-a>span{margin-right:25px;color:#b7a078}.bubble-b{bottom:10px;left:0;background:#eaf0e2;border-color:#dde5d1;display:flex;gap:30px;align-items:center;animation:float-label 8s 1s infinite}.typing{display:flex;gap:3px}.typing b{width:4px;height:4px;background:#a4b38e;border-radius:50%;animation:typing-dot 1.8s ease-in-out infinite}.typing b:nth-child(2){animation-delay:.2s}.typing b:nth-child(3){animation-delay:.4s}.studio-plans{margin:0 0 65px}.subscription-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:15px}.subscription{position:relative;padding:35px 30px;background:#fffefa;border:1px solid #e0e5d7;border-radius:14px}.subscription.recommended{background:#f4f5ec;border-color:#bac7a7}.recommended-label{position:absolute;right:25px;top:-13px;background:#91a179;color:#fffefa;padding:4px 14px;border-radius:25px;font-size:9px}.plan-numeral{font:10px Arial,sans-serif;color:#b8bea9;letter-spacing:1px}.subscription h3{font-size:25px;margin:17px 0 2px}.subscription-time{font-size:10px;color:#a1aa94}.subscription-price{font:38px Georgia,serif;direction:ltr;text-align:right;margin:28px 0}.subscription-price small{display:inline;font:10px Tahoma,sans-serif}.subscription-features{display:grid;gap:12px;font-size:10px;color:#859476;margin:25px 0 32px}.subscription-features span:before{content:'✓';margin-left:8px;color:#a9b594}.subscription .button{width:100%;justify-content:space-between}.studio-final{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px 65px;margin:0;text-align:center}.studio-final h2{font-size:48px;margin:15px 0 25px;letter-spacing:-1px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.live-support{position:fixed;bottom:25px;left:25px;z-index:50}.chat-launcher{border-radius:50px;background:#556b4c;border-color:#556b4c;color:#fffefa;min-height:54px;gap:10px;padding:12px 20px;box-shadow:0 8px 30px #536d4a25;position:relative}.chat-launcher:hover{background:#435c3c;color:white}.chat-launcher svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.4}.chat-badge{position:absolute;top:-5px;right:-5px;background:#b28b50;color:white;border:2px solid #fff;border-radius:20px;min-width:22px;font:10px/18px Arial}.chat-panel{position:absolute;left:0;bottom:70px;width:360px;height:510px;max-height:calc(100dvh - 130px);margin:0;display:flex;flex-direction:column;background:#fffefa;border:1px solid #e0e5d6;border-radius:18px;box-shadow:0 25px 80px #53614a26;overflow:hidden;animation:enter .25s}.chat-header{display:flex;align-items:center;gap:12px;padding:18px;background:#f2f4ec;border-bottom:1px solid #e2e6d9;flex-shrink:0}.support-avatar{width:40px;height:40px;display:grid;place-items:center;background:#fffefa;border-radius:13px;border:1px solid #e3e6d9}.chat-header strong{font-size:13px;font-weight:400}.chat-header small{font-size:9px;margin-top:2px;color:#929d85}.team-online .chat-header small{color:#748d60}.chat-close{margin-right:auto;background:none;border:0;color:#9ba58c;box-shadow:none;padding:0;width:32px;min-height:32px;font:24px Arial}.chat-close:hover{background:#e5eadc;box-shadow:none;color:#5e7050}.chat-stream{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px;display:flex;flex-direction:column;gap:12px}.chat-welcome{padding:12px 0}.chat-welcome span{font-size:21px;color:#647454}.chat-welcome p,.chat-empty{font-size:12px;color:#9aa48c;line-height:2}.chat-bubble{max-width:90%;padding:10px 13px;border-radius:12px;font-size:12px;flex-shrink:0}.chat-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;color:inherit}.chat-bubble small{font-size:8px;color:#9aa58b;margin-top:5px}.from-visitor{align-self:flex-start;background:#eaf0e1;color:#61794c;border-bottom-right-radius:3px}.from-team{align-self:flex-end;background:#f4f0e7;color:#8d7d5a;border-bottom-left-radius:3px}.chat-suggestions{display:flex;gap:6px;padding:0 15px 10px;flex-shrink:0}.chat-suggestions button{font-size:9px;border-radius:20px;min-height:30px;background:none;color:#899775;border-color:#dfe5d6;box-shadow:none;padding:4px 10px;gap:0}.chat-compose{display:flex;align-items:flex-end;gap:9px;padding:12px 14px;border-top:1px solid #e4e8db;flex-shrink:0;background:#fffefa}.chat-compose textarea{border:0;background:#f3f5ed;margin:0;max-height:90px;resize:none;font-size:14px;min-height:42px}.chat-compose button{width:40px;min-height:40px;flex-shrink:0;border-radius:10px;padding:0;font:22px Arial;background:#8e9f78;border-color:#8e9f78;color:#fffefa;margin:0}.chat-compose button:disabled{opacity:.5;cursor:default}.chat-privacy{font-size:8px;text-align:center;margin:0 0 10px;color:#b0b7a3}.chat-error{font-size:10px;color:#b08060;margin:0;padding:0 15px}.chat-error:empty{display:none}.support-desk{display:grid;grid-template-columns:300px 1fr;min-height:570px;height:65dvh;border:1px solid #dfe5d6;border-radius:14px;overflow:hidden;background:#fffefa}.thread-list{border-left:1px solid #e3e8da;background:#f5f6ef;padding:22px 15px;overflow:auto}.thread-list h3{font-size:16px;margin:0 10px 20px}.thread-item{position:relative;display:block;text-align:right;width:100%;background:none;border:1px solid transparent;border-radius:9px;padding:14px 12px;margin-bottom:8px;box-shadow:none;color:#65774f}.thread-item strong{font-weight:400;display:block;font-size:12px}.thread-item small{font-size:9px;color:#9da98d;margin-top:4px;max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.thread-item:hover,.thread-item.active{background:#fffefa;border-color:#d9e2ce;box-shadow:none;color:#60774c;transform:none}.unread-count{position:absolute;top:12px;left:10px;font:10px Arial;background:#a6b493;color:#fff;border-radius:20px;padding:4px 6px}.desk-conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.desk-header{padding:18px 25px;border-bottom:1px solid #e1e7d8}.desk-header h3{margin:0;font-size:17px}.desk-header small{font-size:10px;color:#a3ad94}.desk-conversation .chat-stream{padding:25px}.desk-conversation .chat-compose{padding:20px}.desk-conversation .chat-bubble{max-width:75%}#chat-panel .chat-compose{margin:0}body:has([data-support]) .live-support{display:none}
@keyframes app-arrive{from{opacity:0;transform:perspective(1500px) rotateY(8deg) rotate(-2deg) translateY(15px)}to{opacity:1;transform:perspective(1500px) rotateY(8deg) rotate(-2deg) translateY(0)}}@keyframes landscape-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes document-sway{0%,100%{transform:translateX(-60%) rotate(-2deg)}50%{transform:translateX(-60%) translateY(-6px) rotate(2deg)}}@keyframes typing-dot{0%,70%,100%{transform:translateY(0);opacity:.4}35%{transform:translateY(-3px);opacity:1}}
@media(max-width:1050px){.studio-hero{gap:30px}.studio-copy h1{font-size:44px}.app-content{padding:18px}.app-sidebar{width:48px}.scene-float{left:-10px;padding:13px 16px}.subscription{padding:30px 24px}.concierge{gap:50px}.hero-footnote{gap:12px;font-size:9px}.studio-service-grid{gap:18px}}
@media(max-width:760px){.desktop-link{display:none}.studio-edition header{min-height:88px}.studio-hero{grid-template-columns:1fr;gap:15px;text-align:center;padding:38px 0 40px;min-height:0}.studio-copy .eyebrow{justify-content:center;font-size:10px}.studio-copy h1{font-size:38px;line-height:1.65;letter-spacing:-1.3px;margin:17px 0}.studio-copy>p{font-size:12px;max-width:300px;margin:0 auto}.studio-copy .actions{justify-content:center;margin:25px 0 0;gap:22px}.studio-copy .button{font-size:12px;padding:10px 21px;min-height:47px}.help-link{font-size:11px;gap:9px}.hero-footnote{justify-content:center;margin-top:26px;gap:18px;font-size:8px}.product-scene{max-width:440px;width:100%;margin:auto;padding:20px 7px 35px}.studio-app{transform:rotate(-1.5deg)}.app-topbar{padding:12px;font-size:8px}.app-body{min-height:280px}.app-content{padding:15px}.app-sidebar{width:43px;gap:20px;padding:18px 0;font-size:16px}.app-sidebar img{width:24px;height:24px}.app-welcome{margin-bottom:16px}.app-welcome strong{font-size:12px}.app-welcome small{font-size:7px}.sample-avatar{width:25px;height:25px}.project-art{height:90px}.project-art svg{height:85px;width:140px}.preview-bottom{padding:10px 9px}.preview-bottom strong{font-size:9px}.preview-bottom>span{font-size:6px}.scene-float{bottom:14px;left:0;padding:10px 12px;gap:8px;font-size:9px;border-radius:8px}.scene-float small{font-size:7px}.success-icon{width:24px;height:24px}.float-spark{font-size:16px;margin-right:10px}.scene-caption{font-size:6px;bottom:-5px}.capability-strip{padding:20px 0;flex-direction:column;gap:17px;font-size:10px}.capability-strip>div{gap:32px}.capability-strip b{font-size:8px}.studio-services{margin:45px 0 50px;padding:0}.studio-services .section-head h2{font-size:29px}.studio-services .section-head{align-items:flex-end}.studio-services .section-head>p{font-size:10px;max-width:110px;margin-bottom:7px}.studio-service-grid{grid-template-columns:1fr;gap:15px}.feature-site{min-height:300px;border-radius:16px}.feature-copy{padding:26px 25px 0}.feature-copy h3,.feature-files h3{font-size:23px;margin:12px 0 8px}.feature-copy p,.feature-files p{font-size:11px}.feature-arrow{top:24px;left:24px}.site-illustration{height:160px;margin-top:15px}.feature-files{padding:25px;min-height:280px}.file-stack{height:125px}.feature-files .eyebrow{margin-top:20px}.feature-runtime{grid-column:auto;gap:17px;padding:22px}.runtime-orbit{width:51px;height:51px;flex-shrink:0}.runtime-orbit span{width:35px;height:35px;font-size:13px}.feature-runtime h3{font-size:17px}.feature-runtime .eyebrow{font-size:8px}.feature-runtime p{font-size:9px}.feature-runtime .badge{font-size:8px;padding:3px 7px;white-space:nowrap}.concierge{grid-template-columns:1fr;gap:25px;padding:35px 0 40px;margin-bottom:50px;text-align:center}.concierge-visual{min-height:210px;max-width:350px;width:100%;margin:auto}.support-logo{width:82px;height:82px;border-radius:24px}.bubble-a{right:10px;top:0}.bubble-b{left:5px;bottom:0}.sample-bubble{font-size:11px;padding:12px 20px}.concierge-copy h2{font-size:31px;margin:12px 0}.concierge-copy p{font-size:11px;margin:0 auto 22px}.concierge-copy .button{font-size:12px}.subscription-grid{grid-template-columns:1fr;gap:25px;padding-top:12px}.subscription{padding:28px}.subscription h3{font-size:23px;margin-top:12px}.subscription-price{font-size:35px;margin:20px 0}.subscription-features{grid-template-columns:1fr;gap:10px;margin:20px 0 25px}.studio-plans .section-head{align-items:flex-start}.studio-plans .section-head h2{font-size:28px}.studio-plans .section-head>p{display:none}.studio-final{padding:25px 10px 45px}.studio-final h2{font-size:37px}.studio-final .button{font-size:12px}.live-support{bottom:17px;left:16px}.chat-launcher{min-height:49px;padding:10px 16px;font-size:11px}.chat-launcher svg{width:20px;height:20px}.chat-panel{position:fixed;bottom:79px;left:12px;right:12px;width:auto;height:520px;max-height:calc(100dvh - 100px);border-radius:16px}.chat-compose textarea{font-size:16px}.chat-suggestions button{font-size:10px}.support-desk{grid-template-columns:1fr;height:auto;min-height:680px}.thread-list{border-left:0;border-bottom:1px solid #e2e7d8;max-height:220px;padding:15px}.thread-list h3{font-size:14px;margin-bottom:12px}.thread-item{padding:10px;margin-bottom:5px}.desk-conversation{height:460px}.desk-conversation .chat-stream{padding:16px}.desk-conversation .chat-compose{padding:14px}.desk-header{padding:16px}.studio-edition footer{padding-bottom:85px}}
@media(max-width:380px){.studio-copy h1{font-size:34px}.hero-footnote{gap:11px}.feature-runtime{padding:20px 17px;gap:12px}.feature-runtime h3{font-size:15px}.app-content{padding:12px}.app-sidebar{width:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.footer-chat{background:none;border:0;box-shadow:none;font-size:11px;color:#8b967c;padding:0;min-height:40px}.footer-chat:hover{background:none;box-shadow:none;color:#9c8458}
/* Compact navigation and hero. */
header.site-header{width:min(1160px,calc(100% - 64px));min-height:76px;margin:16px auto 0;padding:12px 20px;border:1px solid #e3e7db;border-radius:13px;background:#fffefaed;box-shadow:0 5px 20px #7d8c6506;gap:20px;position:relative;z-index:40}.site-header .brand img{width:36px;height:36px}.site-header .brand-name{font-size:17px;letter-spacing:2.5px}.site-header .brand-name small{font-size:7px;letter-spacing:3px}.site-header .brand{gap:9px}.site-header nav.desktop-navigation{gap:6px;flex-wrap:nowrap;width:auto}.nav-item{display:inline-flex;justify-content:center;align-items:center;min-height:40px;border:1px solid transparent;border-radius:7px;padding:8px 14px;font-size:11px;color:#76846a;white-space:nowrap;background:transparent;box-shadow:none;transition:background .2s,border-color .2s}.nav-item:hover{color:#61744f;background:#f1f4e9;border-color:#e5e9dc;box-shadow:none;transform:none}.nav-login{border-color:#dfe5d5;margin-right:12px;color:#7c8a6c}.nav-start{font-size:11px;padding:8px 18px;min-height:40px;margin-right:4px;gap:18px}.nav-exit{color:#a18b68;line-height:1.8}.site-header form{margin:0}.menu-toggle{display:none}.mobile-menu{padding:0;border:1px solid #e0e5d7;border-radius:0;background:#fffefa;color:#344b31;position:fixed;inset:0 0 0 auto;margin:0;width:min(325px,86vw);max-width:none;height:100dvh;max-height:none;box-shadow:-20px 0 70px #394e2e16;overflow-y:auto}.mobile-menu[open]{display:flex;flex-direction:column;animation:drawer-in .28s ease-out}.mobile-menu::backdrop{background:#34432e55;backdrop-filter:blur(4px)}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding:23px 25px;border-bottom:1px solid #e6eade;font-size:12px;color:#9ba88b}.menu-close{font:26px Arial,sans-serif;min-height:34px;width:34px;display:grid;place-items:center;padding:0;background:#f1f4e8;border-color:#e8ecdf;color:#899a75;border-radius:8px;box-shadow:none}.menu-close:hover{background:#e8eddf;color:#62764d;box-shadow:none}.drawer-brand{display:flex;gap:14px;align-items:center;padding:27px 25px;direction:ltr;justify-content:flex-end;border-bottom:1px solid #eff1e7}.drawer-brand>span{font:18px Georgia,serif;letter-spacing:2px;color:#4f6447}.drawer-brand small{font:7px Arial,sans-serif;letter-spacing:3px;margin-top:6px;color:#a1aa94}.drawer-navigation{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:24px}.drawer-navigation .nav-item{justify-content:flex-start;width:100%;font-size:13px;min-height:48px;background:#f7f8f0;border-color:#e8ecdf;padding:13px 17px}.drawer-navigation .nav-item:after{content:'↖';margin-right:auto;font-size:17px;color:#b3bba4}.drawer-navigation .nav-login{margin:12px 0 0;background:#fffefa;border-color:#dbe2d0}.drawer-navigation .nav-start{margin:0;width:100%;justify-content:space-between;font-size:12px;min-height:48px}.drawer-navigation form{width:100%}.drawer-bottom{margin-top:auto;padding:24px;border-top:1px solid #e7ecdf}.drawer-bottom>span{font-size:10px;color:#a6af98}.drawer-bottom>button{display:flex;justify-content:space-between;background:none;box-shadow:none;border:0;padding:12px 0 0;color:#8f9d7a;font-size:12px;width:100%}.nav-open{overflow:hidden}.studio-hero{min-height:0;margin:26px 0 30px;padding:28px 38px 30px;gap:45px;border:1px solid #e3e8d9;border-radius:19px;background:linear-gradient(120deg,#edf2e5,#f8f5eb 65%,#f9f5ec);overflow:hidden}.studio-copy h1{font-size:40px;line-height:1.5;letter-spacing:-1px;margin:14px 0}.studio-copy>p{font-size:12px;line-height:1.9;max-width:310px;margin:0}.studio-copy .eyebrow{font-size:9px}.studio-copy .actions{margin:22px 0 0;gap:22px}.studio-copy .button{min-height:43px;padding:9px 20px;font-size:11px}.studio-copy .help-link{font-size:11px}.hero-footnote{margin-top:20px;font-size:8px;gap:16px}.product-scene{padding:14px 0 22px;max-width:400px;width:100%;margin:auto}.studio-app{border-radius:10px;box-shadow:0 12px 30px #72835712;transform:rotate(-2deg);animation:none}.app-topbar{padding:11px 13px;font-size:8px}.app-body{min-height:0}.app-sidebar{width:45px;padding:14px 0;gap:18px}.app-sidebar img{width:24px;height:24px}.app-content{padding:16px}.app-welcome{margin-bottom:13px}.app-welcome strong{font-size:12px}.app-welcome small{font-size:7px}.sample-avatar{width:25px;height:25px}.project-art{height:75px}.project-art svg{height:73px;width:135px}.preview-top{padding:7px 10px}.preview-bottom{padding:9px 10px}.preview-bottom strong{font-size:9px}.preview-bottom>span{font-size:6px}.app-mini-row{display:none}.scene-float{padding:10px 13px;bottom:7px;left:-12px;font-size:9px;border-radius:8px}.scene-float small{font-size:7px}.success-icon{width:24px;height:24px}.float-spark{font-size:16px;margin-right:12px}.scene-caption{display:none}.capability-strip{padding:18px 0;border-top:0;font-size:10px}.capability-strip>div{gap:30px}.capability-strip b{font-size:9px}.studio-services{margin-top:45px}.studio-edition .section-head h2{font-size:32px}
@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:1050px){.site-header .nav-item{padding:8px 10px;font-size:10px}.site-header .nav-start{padding:8px 13px;font-size:10px}.site-header .nav-login{margin-right:4px}.studio-hero{padding:25px 28px;gap:28px}.studio-copy h1{font-size:35px}.hero-footnote{gap:10px}.scene-float{left:-5px}}
@media(max-width:900px){header.site-header,header.site-header:has(nav form){width:calc(100% - 40px);min-height:67px;margin-top:12px;padding:12px 15px;flex-wrap:nowrap;gap:16px}.site-header .brand{margin:0!important}.site-header nav.desktop-navigation{display:none!important}.site-header .brand-name{font-size:15px;letter-spacing:2px}.site-header .brand-name small{font-size:6px;letter-spacing:2.5px}.site-header .brand img{width:32px;height:32px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;width:39px;min-height:39px;flex-shrink:0;background:#f0f4e8;border:1px solid #e2e8d8;color:#7e906a;border-radius:9px;box-shadow:none}.menu-toggle span{width:16px;height:1.5px;background:currentColor;border-radius:2px;font-size:0;line-height:0}.menu-toggle span:nth-child(2){width:12px;align-self:center}.menu-toggle:hover{background:#e8eedf;box-shadow:none;color:#62774e;transform:none}}
@media(max-width:760px){.studio-hero{grid-template-columns:1fr;margin:18px 0 18px;padding:25px 22px 20px;gap:12px;border-radius:16px;text-align:right}.studio-copy .eyebrow{justify-content:flex-start;font-size:8px}.studio-copy h1{font-size:29px;line-height:1.55;margin:12px 0;letter-spacing:-.6px}.studio-copy>p{font-size:10px;max-width:260px;line-height:2;margin:0}.studio-copy .actions{justify-content:flex-start;margin-top:18px;gap:18px}.studio-copy .button{font-size:10px;min-height:40px;padding:8px 17px;gap:18px}.studio-copy .help-link{font-size:10px;min-height:40px;padding:8px 0;gap:9px}.hero-footnote{display:none}.product-scene{max-width:280px;padding:10px 0 14px;margin:0 auto}.studio-app{transform:rotate(-1.5deg);border-radius:8px}.app-topbar{padding:8px 10px;font-size:6px}.app-lock{font-size:12px}.window-dots i{width:3px;height:3px}.app-sidebar{display:none}.app-content{padding:11px}.app-welcome{display:none}.project-preview{border-radius:6px}.preview-top{padding:5px 9px;font-size:10px}.live-pill{font-size:6px;padding:1px 6px}.live-pill i{width:3px;height:3px}.project-art{height:58px;margin:0 8px}.project-art svg{height:55px;width:105px}.preview-bottom{padding:7px 8px}.preview-bottom strong{font-size:7px}.preview-bottom>span{font-size:6px}.scene-float{bottom:0;left:-7px;padding:7px 9px;font-size:7px;gap:7px;border-radius:6px}.scene-float small{font-size:6px}.success-icon{width:18px;height:18px;font-size:9px}.float-spark{font-size:12px;margin-right:7px}.capability-strip{padding:13px 0 18px;gap:12px}.capability-strip>span{font-size:9px}.capability-strip>div{gap:27px}.capability-strip b{font-size:7px}.studio-services{margin-top:32px}.studio-edition .section-head h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.mobile-menu[open]{animation:none}}
.password-feedback{margin:-3px 0 22px;padding:15px;background:#f5f7ef;border:1px solid #e5eadc;border-radius:9px}.password-strength-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#8b977d;margin-bottom:10px}.password-strength-heading strong{font-size:10px;font-weight:400;color:#9a9f91}.password-meter{display:flex;gap:5px;margin-bottom:14px}.password-meter i{height:3px;flex:1;border-radius:3px;background:#dfe5d6;transition:background .2s}.password-feedback[data-level=weak] .is-filled{background:#c7a281}.password-feedback[data-level=medium] .is-filled{background:#c4ad78}.password-feedback[data-level=strong] .is-filled{background:#839c6b}.password-feedback[data-level=strong] .password-strength-heading strong{color:#728d58}.password-rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}.password-rules li{display:flex;align-items:center;gap:6px;font-size:10px;color:#a1a996;transition:color .2s}.password-rules li:last-child{grid-column:1/-1}.password-rules b{font:9px Arial,sans-serif;color:inherit;margin-right:auto;font-weight:400}.rule-check{font:12px Arial,sans-serif;width:13px;text-align:center;color:#b6bfaa}.password-rules .is-complete,.password-rules .is-complete .rule-check{color:#758e5d}@media(max-width:380px){.password-rules{gap:9px;font-size:9px}.password-rules li{font-size:9px}.password-feedback{padding:12px}.password-strength-heading{font-size:9px}}
/* Inline password checklist: compact, quiet and readable. */
.password-feedback{padding:0;margin:-5px 0 17px;background:none;border:0;border-radius:0}.password-strength-heading{font-size:9px;margin-bottom:6px}.password-strength-heading strong{font-size:9px}.password-meter{gap:3px;margin-bottom:8px;max-width:100%}.password-meter i{height:2px}.password-rules{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:nowrap}.password-rules li{display:flex;align-items:center;gap:4px;min-width:0;font-size:9px;white-space:nowrap}.password-rules b{margin:0;font:9px/1.3 Arial,sans-serif}.rule-check{font-size:10px;width:10px}.password-rules li:last-child{grid-column:auto}.password-feedback[data-level=strong] .password-strength-heading strong{color:#758e5d}@media(max-width:380px){.password-feedback{padding:0;margin-bottom:16px}.password-rules{gap:5px}.password-rules li{font-size:9px}.password-strength-heading{font-size:9px}}
.verify-card .verify-address{font-size:13px;overflow-wrap:anywhere;color:#8b996f;margin-top:-14px;margin-bottom:26px}.otp-input{text-align:center;letter-spacing:10px;font:22px/1.5 Arial,sans-serif;padding:15px 10px}.otp-input::placeholder{font:22px Arial,sans-serif;letter-spacing:10px;color:#c4ccbb}.verify-expiry{font-size:9px;text-align:center;margin-top:16px;color:#a4ad95}.auth .resend-form{margin-top:18px}.resend-form button{justify-content:center;width:100%;font-size:11px}.verify-card .verify-help{font-size:10px;text-align:center;margin:19px 0 0;line-height:1.9}
.chat-tools{display:flex;justify-content:space-between;align-items:center;padding:5px 15px;background:#fafbf5;flex-shrink:0}.chat-tools button{min-height:25px;padding:0 8px;font-size:12px;background:none;color:#95a482;border:0;box-shadow:none}.chat-tools [data-connection]{font-size:8px;color:#9eae8c}.chat-typing{padding:5px 18px;color:#8b9f74;font-size:10px;flex-shrink:0}.chat-typing i{font-style:normal;letter-spacing:3px;animation:pulse 1.5s infinite}.chat-attachments{display:flex;align-items:center;gap:10px;padding:6px 14px;background:#fafbf5;border-top:1px solid #e6ecdd;flex-shrink:0}.attach-button{position:relative;display:grid;place-items:center;cursor:pointer;margin:0;min-width:30px;height:29px;border-radius:7px;background:#edf2e4;color:#8c9f73;font-size:23px}.attach-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.chat-attachments button{font-size:9px;padding:4px 8px;min-height:29px;box-shadow:none;background:#f0f3e8;border:1px solid #e2e9d6;color:#8da175;white-space:nowrap}.chat-attachments [data-attachment-name]{font-size:8px;color:#9caa8a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.chat-attachments .recording{background:#f7e8df;border-color:#e6cab7;color:#ac8064;animation:pulse 1.2s infinite}.chat-image{max-width:100%;max-height:200px;display:block;border-radius:7px;margin:7px 0;object-fit:contain}.chat-bubble audio{display:block;width:235px;max-width:100%;height:38px;margin:8px 0}.chat-file{display:block;overflow-wrap:anywhere;padding:8px;background:#ffffff70;border-radius:6px;font-size:11px}.chat-panel{height:580px}.chat-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:13px 22px;background:#fffefa;border:1px solid #dce6ce;box-shadow:0 12px 35px #73835b22;border-radius:10px;color:#82966b;font-size:12px;z-index:100;pointer-events:none}.managed-intro .badge{display:block;margin:15px 0 0;width:fit-content}.desk-conversation{overflow:hidden}.support-desk{height:75dvh;min-height:650px}.chat-compose textarea{max-height:80px}@media(max-width:760px){.chat-panel{height:610px;max-height:calc(100dvh - 100px)}.support-desk{height:auto}.desk-conversation{height:570px}.chat-toast{top:12px;font-size:11px;padding:11px 16px}.chat-bubble audio{width:210px}}

[data-admin-chat-badge]{display:inline-block;background:#91a17a;color:white;border-radius:10px;padding:0 5px;font:9px/15px Arial;margin-inline-start:6px}a.chat-toast{pointer-events:auto}
/* Signature light palette: stronger ink, vivid emerald and warm brass. */
:root{--ink:#183d35;--muted:#5f7168;--gold:#a57535;--teal:#116b55;--paper:#f8faf6;--line:#d5e0d6}
body{background:#f8faf6;color:#183d35}body:before{background:radial-gradient(ellipse at 8% 12%,#d9eadb80,transparent 52%),radial-gradient(ellipse at 92% 7%,#f5e8cb65,transparent 55%)}p,small,.muted{color:#64766a}.eyebrow{color:#93703d}.brand-name,.brand-name small{color:#284c3e}.button,button{background:#146b54;border-color:#146b54;color:#fff;box-shadow:0 5px 14px #146b5419}.button:hover,button:hover{background:#0a533f;border-color:#0a533f;color:white;box-shadow:0 7px 20px #146b5426}.secondary{background:#fff;color:#225d49;border-color:#b7cdbd;box-shadow:none}.secondary:hover{background:#e9f3e9;color:#154e3a;border-color:#77a28b}.help-link,.text{color:#34664f;background:none;border:0;box-shadow:none}.help-link:hover,.text:hover{background:none;color:#12593f;box-shadow:none}.quiet-link{color:#3c6250}.site-header{box-shadow:0 7px 25px #214f3710!important;border-color:#d2dfd2!important;background:#ffffffed!important}.nav-item{color:#345d49!important}.nav-item:hover{background:#edf5eb!important;border-color:#ccdfcc!important}.nav-login{background:#edf5eb!important;border-color:#c9ddcb!important}.nav-start{color:white!important}.menu-toggle{background:#e4f0e2!important;color:#256243!important;border-color:#c9dfc9!important}.menu-close{background:#e5f0e1;color:#286243;border-color:#d1e3ca}.drawer-navigation .nav-item{background:#f1f7ed;border-color:#dce8d5}.drawer-navigation .nav-item:after{color:#4d8a60}.drawer-navigation .nav-start{background:#146b54;color:white}.drawer-top,.drawer-bottom>span{color:#6e8066}.drawer-bottom>button{color:#286444}.drawer-brand>span{color:#234e39}.mobile-menu::backdrop{background:#173c314d}
.studio-hero{background:linear-gradient(115deg,#e3efdf,#f8f5e9 67%,#fcf4e2);border-color:#cfdcc6}.studio-copy h1{color:#173d31}.studio-copy h1 em{color:#ad7d36}.studio-copy>p{color:#536c57}.hero-footnote{color:#55734f}.hero-footnote span:before{color:#39835b}.status-dot{background:#259867;box-shadow:0 0 0 3px #26986912}.studio-app{border-color:#c6d8c4;box-shadow:0 18px 40px #2352321b}.app-topbar{color:#71866d;border-color:#dce6d4}.app-sidebar{color:#809c7a;border-color:#dce8d2}.side-active{color:#1b7850;background:#dcecd6}.app-welcome strong{color:#2f5738}.app-welcome small{color:#6c8563}.project-preview{border-color:#c9dbbf}.project-art{background:linear-gradient(135deg,#dcebd2,#edf2df)}.live-pill{color:#1c7645;background:#d8edcd}.live-pill i{background:#329d5c}.preview-bottom strong{color:#365f3c}.preview-bottom>span{color:#688060}.scene-float{color:#2f663f;border-color:#d0dec3;box-shadow:0 10px 25px #30552c17}.scene-float small{color:#70865f}.success-icon{background:#daedce;color:#36864c}.capability-strip{border-color:#d4e1d0;color:#627c59}.capability-strip b{color:#63835a}.section-head>p{color:#63775b}.feature-site{background:#dcebd6;border:1px solid #c9ddbe}.feature-copy h3{color:#254b2c}.feature-copy p{color:#5d7b50}.feature-site .eyebrow{color:#658550}.feature-arrow{color:#4c804a}.feature-files{background:#f3e7d3;border:1px solid #e7d4b2}.feature-files h3{color:#76502a}.feature-files p{color:#947243}.feature-files .eyebrow{color:#a0753c}.feature-files .feature-arrow{color:#aa7a36}.floating-code{color:#337d48;border-color:#c5d9b9;box-shadow:0 8px 20px #37603714}.mini-heading{background:#8ab07a}.mini-line{background:#cbdcbd}.mini-cta{background:#cfa75e}.mini-shapes b{background:#dbe9cf}.mini-shapes b:nth-child(2){background:#eee0c2}.mini-shapes b:nth-child(3){background:#cddfd0}.feature-runtime{background:#e8eeec;border-color:#cddcd4}.feature-runtime h3{color:#315d4e}.feature-runtime p{color:#547968}.runtime-orbit{border-color:#b8d0c1}.runtime-orbit span{color:#3d8061}.badge{background:#e7eee1;border-color:#cbdcc1;color:#547043}.green{background:#daf0d0;border-color:#b8d9a6;color:#307243}.concierge{border-color:#d0dfc8}.concierge-copy h2{color:#254b35}.concierge-copy h2 em{color:#a87937}.concierge-copy p{color:#657b58}.support-logo{border-color:#d0dfc5;box-shadow:0 15px 35px #32602e16}.sample-bubble{border-color:#cbdcc0;color:#476d37;box-shadow:0 10px 25px #36642e12}.bubble-b{background:#dceccd;border-color:#c1d8ac}.typing b{background:#4b9052}.subscription{border-color:#d1ddc7;box-shadow:0 6px 22px #294f2b08}.subscription.recommended{background:#eaf2e2;border-color:#81a66a;box-shadow:0 8px 28px #3e6b3015}.recommended-label{background:#46834f;color:#fff}.plan-numeral{color:#79916c}.subscription h3{color:#274d30}.subscription-time{color:#68845a}.subscription-price{color:#285331}.subscription-price small{color:#718765}.subscription-features{color:#597748}.subscription-features span:before{color:#438845}.plan-note{color:#788a6c}.studio-final h2{color:#254e34}.card{border-color:#d4e0ce;background:#fffefa}.auth h1{color:#204a34}.auth>p{color:#6e8165}.auth-switch a{color:#446b49}label{color:#3b6545}input,select,textarea{border-color:#c9d9c1;color:#254b2f;background:#fffefb}input::placeholder,textarea::placeholder{color:#8c9d80}input:focus,select:focus,textarea:focus{border-color:#559367;box-shadow:0 0 0 3px #33845a12}.password-strength-heading,.password-rules li{color:#7c8e70}.password-rules .is-complete,.password-rules .is-complete .rule-check{color:#327947}.password-feedback[data-level=strong] .is-filled{background:#3a8d55}.password-feedback[data-level=strong] .password-strength-heading strong{color:#327947}.password-feedback[data-level=weak] .is-filled{background:#c37f4e}.password-feedback[data-level=medium] .is-filled{background:#bd9a3e}.password-meter i{background:#d8e3d1}.notice{background:#e3f2da;color:#3b713e;border-color:#bbd9ac}.error{background:#fbebe0;color:#a06436;border-color:#e6c3a8}.tabs a{color:#4d714b}.tabs .selected{background:#27734c;color:#fff;border-color:#27734c}.message b{color:#28774c}.danger{background:#b4784f;border-color:#b4784f}.danger:hover{background:#955b36;border-color:#955b36}code{background:#eaf2e3;border-color:#d0e0c5;color:#537743}footer,footer a,.footer-chat{color:#617b55}.footer-brand{color:#355c3d}.footer-brand span{color:#748c68}
/* Conversation: clear hierarchy and distinct incoming/outgoing colors. */
.chat-launcher{background:#146b54;border-color:#146b54;box-shadow:0 8px 26px #146b5433;color:white}.chat-launcher:hover{background:#0b523f;border-color:#0b523f}.chat-panel{border-color:#b9d3bd;box-shadow:0 18px 65px #153f3230;background:#fffefa}.chat-header{background:#175f4b;border-color:#175f4b;padding:17px 18px}.chat-header strong{color:#fff;font-weight:600;font-size:14px}.chat-header small,.team-online .chat-header small{color:#c4e0cd}.chat-header .support-avatar{background:#fff8e8;border-color:#e1d3b4}.chat-close{background:#ffffff12;border-color:transparent;color:#d1e9d7}.chat-close:hover{background:#ffffff23;color:white}.chat-tools{background:#edf4e9;border-bottom:1px solid #dce9d3}.chat-tools button{color:#407652}.chat-tools [data-connection]{color:#4e7952}.chat-stream{background:#fafcf7;background-image:radial-gradient(#75956515 .7px,transparent .7px);background-size:14px 14px}.chat-empty,.chat-welcome p{color:#627d53}.chat-welcome span{color:#2f673d}.from-visitor{background:#e0edce;border:1px solid #c4d9af;color:#345b2a;box-shadow:0 2px 5px #315a2010}.from-team{background:#17694f;border:1px solid #17694f;color:#fff;box-shadow:0 3px 8px #17694f18}.chat-bubble p{color:inherit}.chat-bubble small{color:#6e895c}.from-team small{color:#c0dfca}.chat-bubble{padding:11px 14px}.chat-file{background:#ffffffc4;color:#326b3d;border:1px solid #c6dbb8}.from-team .chat-file{background:#ffffff16;border-color:#ffffff29;color:#fff}.chat-suggestions{background:#fafcf7;padding-top:7px}.chat-suggestions button{background:#fffefa;color:#547c40;border-color:#c5d9b6}.chat-suggestions button:hover{background:#e8f2de;color:#315d2c;border-color:#90b47c}.chat-attachments{background:#f0f5e9;border-color:#d4e3c7}.attach-button{background:#dceccc;color:#39733f;border:1px solid #bed6a9}.chat-attachments button{background:#e4f0d8;border-color:#c4dcb3;color:#426f35;font-size:10px}.chat-attachments button:hover{background:#d2e7bf;color:#2f5f2c}.chat-attachments [data-attachment-name]{color:#637f4f}.chat-attachments .recording{background:#f8dccb;border-color:#d9a37d;color:#9d562c}.chat-compose{background:#fffefa;border-color:#cfdfc2}.chat-compose textarea{background:#f0f5e9;border:1px solid #d4e1c7;color:#2f5830}.chat-compose textarea::placeholder{color:#879e74}.chat-compose button{background:#14704e;border-color:#14704e;color:white;box-shadow:0 3px 8px #18714f20}.chat-compose button:hover{background:#0b543b}.chat-typing{background:#fafcf7;color:#377943;font-size:11px}.chat-privacy{background:#fffefa;color:#7b9368;margin-bottom:9px}.chat-error{color:#a56735}.chat-badge{background:#bc8841;border-color:#f9faf5}.chat-toast{background:#164f3b;color:#fff;border-color:#164f3b;box-shadow:0 10px 35px #18472e33}.support-desk{border-color:#bdd3b5;box-shadow:0 8px 30px #4164350b}.thread-list{background:#edf3e7;border-color:#d0dfc3}.thread-list h3{color:#315f35}.thread-list>div>p{font-size:12px;color:#6b865a}.thread-item{color:#426c37}.thread-item strong{color:#3b6531;font-weight:600}.thread-item small{color:#6e8b5b}.thread-item:hover,.thread-item.active{background:#fffefa;border-color:#abc89a;color:#285a2c}.thread-item.active{box-shadow:inset -3px 0 #438854}.unread-count{background:#367d48;color:#fff}.desk-header{background:#f4f7ef;border-color:#d4e2c7}.desk-header h3{color:#315f36}.desk-header small{color:#718b5d}.desk-header [data-toggle-upload]{font-size:10px;min-height:32px;padding:5px 12px;margin-top:10px;box-shadow:none}.chat-tools [data-mute]:hover{background:#dbeacb;box-shadow:none;color:#2c6535}.footer-chat:hover{color:#28653c;background:none;box-shadow:none}
/* Alkheyal identity / ivory, ink, royal blue, restrained brass. */
:root{--ink:#233047;--muted:#6c7584;--gold:#ac8951;--teal:#3556a5;--paper:#f8f8fa;--line:#dfe3eb}
body{color:#233047;background:#f8f8fa}body:before{background:radial-gradient(ellipse at 8% 15%,#e6ebf680,transparent 55%),radial-gradient(ellipse at 92% 5%,#f5eddf66,transparent 55%)}p,small,.muted{color:#737d8e}.eyebrow{color:#a18456}.button,button{background:#3556a5;border-color:#3556a5;color:white;box-shadow:0 5px 14px #3556a516}.button:hover,button:hover{background:#28458c;border-color:#28458c;box-shadow:0 8px 22px #3556a523}.secondary{background:#fff;color:#405784;border-color:#ccd5e6;box-shadow:none}.secondary:hover{background:#eef2fb;color:#2c4f98;border-color:#a9bcdf}.brand-name{color:#26354e}.brand-name small{color:#8a92a0}.help-link,.text{background:none;color:#52658a;box-shadow:none;border:0}.help-link:hover,.text:hover{background:none;color:#3556a5;box-shadow:none}.site-header{background:#ffffffed!important;border-color:#e0e5ee!important;box-shadow:0 7px 22px #273d6710!important}.nav-item{color:#51617b!important}.nav-item:hover{background:#f0f3fa!important;border-color:#e1e7f1!important}.nav-login{background:#f0f3fa!important;border-color:#d9e1ef!important}.nav-start{color:#fff!important}.menu-toggle{background:#eef2fa!important;color:#526ca2!important;border-color:#dae2f0!important}.mobile-menu::backdrop{background:#1d2c4655}.mobile-menu{color:#273a5c;border-color:#dce3ef}.drawer-top,.drawer-bottom>span{color:#8995aa}.drawer-navigation .nav-item{background:#f4f6fb;border-color:#e3e8f3}.drawer-navigation .nav-item:after{color:#7c93bf}.drawer-navigation .nav-start{background:#3556a5}.drawer-brand>span{color:#304464}.drawer-bottom>button{color:#526d9e}.menu-close{background:#eef2fa;border-color:#dfe6f2;color:#6d83ac}
.studio-hero{background:linear-gradient(115deg,#e8edf7,#f6f6fa 65%,#f8f2e9);border-color:#dbe2ee}.studio-copy h1,.studio-final h2{color:#27364f}.studio-copy h1 em{color:#a48148}.studio-copy>p{color:#6d7a90}.hero-footnote{color:#8491a6}.hero-footnote span:before{color:#6c86b5}.status-dot{background:#6a83b1;box-shadow:0 0 0 3px #6a83b112}.studio-app{border-color:#d1daea;box-shadow:0 18px 40px #2b48781a}.app-topbar{color:#8896af;border-color:#e1e7f2}.app-sidebar{color:#98a8c4;border-color:#e1e7f1}.side-active{color:#5d7caf;background:#e6edf9}.app-welcome strong{color:#465c81}.app-welcome small{color:#92a0b8}.project-preview{border-color:#d7e1ef}.project-art{background:linear-gradient(135deg,#e4eaf5,#f2f3f8)}.project-art svg path:first-child{fill:#b5c4df}.project-art svg path:nth-child(2){fill:#f7f9fd}.live-pill{color:#6b83aa;background:#e9eff9}.live-pill i{background:#7d96c0}.preview-bottom strong{color:#5f7397}.preview-bottom>span{color:#9aa8bd}.scene-float{color:#667da1;border-color:#dce3ee;box-shadow:0 10px 25px #2b487814}.scene-float small{color:#9aa9bf}.success-icon{background:#e7eef9;color:#708cbb}.capability-strip{border-color:#dce3ee;color:#8a98af}.capability-strip b{color:#8899b3}.section-head>p{color:#8190a8}.section-head h2,.feature-copy h3,.concierge-copy h2,.subscription h3{color:#2d4162}.feature-site{background:#e6ecf8;border-color:#d3dff3}.feature-copy p{color:#7b91b5}.feature-site .eyebrow{color:#7d96bb}.feature-arrow{color:#728bb5}.feature-files{background:#f2eadd;border-color:#e5d7be}.feature-files h3{color:#8e744f}.feature-files p{color:#a9916d}.floating-code{color:#6c87b3;border-color:#d4e0f2}.mini-heading{background:#9eb4da}.mini-line{background:#d5dff1}.mini-cta{background:#d1b17d}.mini-shapes b{background:#dce5f5}.mini-shapes b:nth-child(2){background:#eee4d2}.mini-shapes b:nth-child(3){background:#e5e4f0}.feature-runtime{background:#edecf4;border-color:#dcd9eb}.feature-runtime h3{color:#6a6689}.feature-runtime p{color:#9994af}.runtime-orbit{border-color:#d3cfe5}.runtime-orbit span{color:#8b83b0}.badge{background:#edf1f8;border-color:#dbe3ef;color:#7e92b4}.green{background:#e7effb;border-color:#cfddf1;color:#6e87af}.concierge{border-color:#dce3ee}.concierge-copy p{color:#8393ad}.support-logo,.sample-bubble{border-color:#dce4f1;box-shadow:0 12px 35px #30497a10}.sample-bubble{color:#7089b1}.bubble-b{background:#e5edfb;border-color:#cfdcf3}.typing b{background:#819bc6}.subscription{border-color:#dce3ef;box-shadow:0 6px 22px #2d477207}.subscription.recommended{background:#eff3fc;border-color:#9eb4dc;box-shadow:0 8px 28px #3e5d9312}.recommended-label{background:#5d7db3}.subscription-time{color:#8d9eba}.subscription-price{color:#3d5680}.subscription-price small,.subscription-features{color:#7f93b5}.subscription-features span:before{color:#8ca6ce}.plan-numeral{color:#a8b8d0}.plan-note{color:#91a0b7}.card{border-color:#dde4ef;background:#fff}.auth h1{color:#314b72}.auth>p{color:#8799b6}.auth-switch a{color:#6e87ad}label{color:#597296}input,select,textarea{border-color:#d4dfef;color:#3a557e;background:#fff}input::placeholder,textarea::placeholder{color:#9baac1}input:focus,select:focus,textarea:focus{border-color:#7d9aca;box-shadow:0 0 0 3px #5e80b911}.notice{background:#edf3fd;border-color:#cfddf3;color:#6d88b4}.tabs a{color:#7f95b8}.tabs .selected{background:#4265a4;color:#fff;border-color:#4265a4}.message b{color:#6385b9}.thread-list{background:#f3f5fa;border-color:#dce4f0}.thread-list h3{color:#3d557c}.thread-item,.thread-item strong{color:#54709a}.thread-item small{color:#91a2bb}.thread-item:hover,.thread-item.active{background:#fff;border-color:#b9cbed;color:#496998}.thread-item.active{box-shadow:inset -3px 0 #5d80ba}.unread-count{background:#567bb8}.desk-header{background:#f7f9fd;border-color:#dfe7f4}.desk-header h3{color:#3d5a85}.desk-header small{color:#91a4c0}.footer-brand,footer,footer a,.footer-chat{color:#788daa}.footer-brand span{color:#a5b3c9}code{background:#edf2fb;border-color:#d9e4f6;color:#7d95b9}
/* Messenger controls: one coherent toolbar, precise icon geometry. */
.chat-launcher{background:#3556a5;border-color:#3556a5;box-shadow:0 8px 28px #3556a533;gap:11px}.chat-launcher:hover{background:#28458c;border-color:#28458c}.chat-panel{background:#fff;border:1px solid #cbd7ec;border-radius:20px;box-shadow:0 20px 70px #20375c2b}.chat-header{background:linear-gradient(120deg,#334f91,#4265ad);border:0;padding:19px}.chat-header strong{color:#fff;font-size:14px;letter-spacing:.2px}.chat-header small,.team-online .chat-header small{color:#d4def3}.chat-header .support-avatar{background:#fff9ed;border-color:#e1cfaa;border-radius:12px}.chat-close{background:#ffffff13;color:#e2eafa;border:1px solid #ffffff18;border-radius:9px;min-height:30px;width:30px;font-size:21px}.chat-close:hover{background:#ffffff27;color:#fff}.chat-tools{background:#f4f6fc;border-bottom:1px solid #e3e9f5;padding:7px 16px}.chat-tools button{color:#6b84b0;background:#fff;border:1px solid #dce5f5;border-radius:7px;font-size:11px;padding:2px 9px;min-height:25px}.chat-tools button:hover{background:#e9effb!important;color:#466aab!important}.chat-tools [data-connection]{color:#8da2c4;font-size:8px}.chat-stream{background:#fbfcff;background-image:radial-gradient(#758fb91c .7px,transparent .7px);background-size:16px 16px;padding:19px;gap:14px}.chat-welcome span{color:#486ba5}.chat-welcome p,.chat-empty{color:#8a9ebf}.chat-bubble{border-radius:15px;padding:12px 15px;box-shadow:none}.from-visitor{background:#e9effb;border:1px solid #d7e1f3;color:#4a6797;border-bottom-right-radius:4px}.from-team{background:#3b5ca3;border:1px solid #3b5ca3;color:#fff;border-bottom-left-radius:4px;box-shadow:0 4px 12px #3556a513}.chat-bubble small{color:#90a3c3;font-size:8px;margin-top:7px}.from-team small{color:#cddbf4}.chat-file{background:#ffffffc4;border-color:#c6d5ef;color:#6787b9}.from-team .chat-file{background:#ffffff15;border-color:#ffffff23;color:#fff}.chat-suggestions{background:#fbfcff;padding:7px 16px 12px}.chat-suggestions button{background:#fff;color:#7894be;border:1px solid #dce6f5;border-radius:8px;padding:6px 10px;font-size:9px}.chat-suggestions button:hover{background:#edf3ff;color:#4c75af;border-color:#b9cdef}.chat-typing{color:#6f8fc0;background:#fbfcff;padding:7px 19px}.chat-attachments{background:#fff;border:0;border-top:1px solid #edf0f7;padding:10px 15px 5px;gap:8px;min-height:48px}.attach-button{width:33px;min-width:33px;height:33px;border-radius:10px;background:#eef3fc;border:1px solid #dce6f7;color:#6c8bbd;transition:background .2s,transform .2s}.attach-button:hover{background:#e3ecfc;transform:translateY(-1px)}.attach-button svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.chat-attachments button{min-height:33px;display:inline-flex;align-items:center;gap:7px;background:#f3f5fb;border:1px solid #e1e7f3;border-radius:10px;padding:6px 10px;font-size:9px;color:#7e95bb;box-shadow:none}.chat-attachments button:hover{background:#e8effc;border-color:#c6d7f2;color:#567db4;box-shadow:none}.chat-attachments button svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.chat-attachments button>span{font-size:9px;line-height:1.4}.chat-attachments [data-attachment-name]{color:#9aacc8;font-size:8px}.chat-attachments .recording{background:#f9e7e4;border-color:#e8c3bb;color:#b26e62}.chat-compose{background:#fff;border:0;padding:8px 15px 14px;gap:10px;align-items:flex-end}.chat-compose textarea{background:#f5f7fc;border:1px solid #dfe6f4;border-radius:12px;color:#5674a0;padding:12px 13px;min-height:45px}.chat-compose textarea:focus{background:#fff;border-color:#91abd6;box-shadow:0 0 0 3px #6488c20c}.chat-compose textarea::placeholder{color:#a0b0ca;font-size:12px}.chat-compose button{width:43px;min-height:43px;flex-shrink:0;padding:0;background:#3b5ca3;border-color:#3b5ca3;border-radius:13px;box-shadow:0 4px 12px #3556a525;transition:transform .2s,box-shadow .2s}.chat-compose button:hover{background:#2e4e94;transform:translateY(-2px);box-shadow:0 6px 16px #3556a532}.chat-compose button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.chat-compose button:disabled{opacity:.4;box-shadow:none;transform:none}.chat-privacy{color:#a1b1cc;font-size:8px;background:#fff;margin-bottom:11px}.chat-toast{background:#34558f;border-color:#34558f;color:white;box-shadow:0 10px 35px #294b7f2b}.chat-badge{background:#b38b4b}.support-desk{border-color:#ccd9ee;box-shadow:0 10px 35px #34558f0a}.desk-conversation .chat-compose{padding:12px 20px 18px}.desk-conversation .chat-attachments{padding-left:20px;padding-right:20px}.chat-error{color:#b58062}@media(max-width:760px){.chat-panel{border-radius:19px}.chat-header{padding:17px}.chat-attachments{padding:9px 12px 4px}.chat-compose{padding:8px 12px 12px}.chat-compose textarea{font-size:16px}.chat-attachments button{font-size:9px;padding:6px 9px}.chat-compose button{width:42px;min-height:42px}.desk-conversation .chat-compose{padding:10px 12px 14px}}
.chat-compose{flex-wrap:wrap}.chat-compose textarea{flex:1;width:0;min-width:0}.chat-draft{flex:0 0 100%;width:100%;padding:12px;background:#f0f4fc;border:1px solid #ccd9ef;border-radius:12px;box-shadow:0 3px 12px #3556a509;max-height:190px;overflow:auto}.draft-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.draft-heading strong{font-size:11px;font-weight:500;color:#5578ad}.chat-compose .draft-remove{width:23px;min-height:23px;border-radius:6px;box-shadow:none;border:1px solid #d9e3f4;background:#fff;color:#8ba0c1;font:18px Arial;padding:0}.chat-draft audio{display:block;width:100%;height:37px;margin:7px 0}.chat-draft img{max-width:100%;max-height:95px;object-fit:contain;border-radius:6px;display:block;margin:7px 0}.chat-draft small{font-size:9px;color:#8a9fc1;margin-top:7px}.draft-filename{font-size:11px;overflow-wrap:anywhere;color:#7b95ba;margin:7px 0}.chat-compose.has-draft>button[type=submit]{box-shadow:0 0 0 3px #3556a517,0 5px 14px #3556a51c}.chat-rating{padding:18px;background:#f4f6fc;border-top:1px solid #dce5f5;flex-shrink:0;max-height:265px;overflow:auto}.chat-rating>strong{font-size:13px;color:#5c7caf;font-weight:500}.chat-rating p{font-size:11px;color:#8b9fc0;margin:7px 0}.rating-stars{display:flex;direction:ltr;justify-content:center;gap:7px;margin:8px 0}.rating-stars button{background:none;border:0;box-shadow:none;font:28px Arial;color:#ccd5e4;min-height:34px;padding:0 3px}.rating-stars button.selected{color:#b89555}.rating-stars button:hover{color:#b89555;box-shadow:none;transform:scale(1.12)}.chat-rating textarea{font-size:12px;margin:9px 0;background:#fff;border-color:#dbe4f3;resize:none}.chat-rating>button{font-size:11px;min-height:36px;padding:7px 15px;width:100%;border-radius:9px}.desk-header [data-close-thread]{font-size:10px;min-height:32px;padding:5px 12px;margin:8px 0 0 7px;box-shadow:none}@media(max-width:760px){.chat-draft{padding:10px;max-height:170px}.chat-rating{padding:14px;max-height:245px}.chat-rating textarea{font-size:16px}.chat-draft img{max-height:80px}}
.journey-heading{margin-bottom:30px!important}.journey-heading>div>p{color:#8798b3;font-size:12px;margin-top:8px}.journey-card{background:#fff;border:1px solid #dce4f0;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #36598d08;margin:25px 0 40px}.journey-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px 20px}.journey-top h2{font-size:26px;margin:7px 0 0;color:#35527e}.journey-count{direction:ltr;font:12px Arial,sans-serif;letter-spacing:2px;padding:8px 13px;background:#f0f4fc;color:#829cc5;border-radius:8px}.journey-meter{margin:0 30px;height:4px;background:#edf1f8;border-radius:6px;overflow:hidden}.journey-meter>span{display:block;height:100%;background:#557bb8;border-radius:6px}.meter-step-1{width:0}.meter-step-2{width:20%}.meter-step-3{width:40%}.meter-step-4{width:60%}.meter-step-5{width:80%}.meter-step-6{width:100%}.journey-track{list-style:none;padding:22px 30px 25px;margin:0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.journey-track li{font-size:10px;color:#acb9ce;display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center}.journey-track li>span{width:28px;height:28px;border:1px solid #e3eaf5;border-radius:50%;display:grid;place-items:center;font:10px Arial,sans-serif;background:#f8faff}.journey-track b{font-weight:400;font-size:10px}.journey-track .done{color:#718fbf}.journey-track .done>span{color:#6284ba;background:#e9f0fc;border-color:#d2dff3}.journey-track .current{color:#436aa8}.journey-track .current>span{background:#4168ac;border-color:#4168ac;color:white;box-shadow:0 0 0 4px #4168ac10}.journey-next{padding:25px 30px;background:#f5f8fe;border-top:1px solid #e3eaf6;border-bottom:1px solid #e3eaf6}.journey-next h3{font-size:21px;color:#496c9e;margin:8px 0 9px}.journey-next>p{font-size:12px;color:#879dbe;line-height:2}.journey-next .button{font-size:11px;min-height:40px;padding:8px 17px;margin-left:8px}.journey-note{border-right:3px solid #bd9b62;background:#fffaf2;border-radius:8px;padding:12px 16px;margin:17px 0}.journey-note b{font-size:10px;font-weight:500;color:#ad905f}.journey-note p{font-size:12px;white-space:pre-wrap;color:#9d8f77;margin:5px 0 0}.journey-delivery{display:grid;grid-template-columns:1fr 1fr}.journey-delivery article{padding:24px 30px;min-width:0}.journey-delivery article+article{border-right:1px solid #e4eaf5}.journey-delivery strong{display:block;font-size:14px;font-weight:400;color:#7290ba;margin:8px 0}.journey-delivery small{font-size:10px;color:#a0b1cb}.journey-delivery .site-delivery{display:block;font:13px/1.8 Arial,sans-serif;color:#547fb9;overflow-wrap:anywhere;margin:12px 0}.journey-delivery article>a:not(.site-delivery){font-size:11px;color:#7797c4}.journey-delivery .badge{font-size:9px;margin:0 8px 0 0}.journey-empty{text-align:center;padding:35px 20px;margin:30px 0}.journey-empty img{display:block;margin:0 auto 20px}.journey-empty h2{font-size:30px;color:#456797;margin:12px 0}.journey-empty p{font-size:12px;color:#91a5c2}.request-start{max-width:850px;margin:25px auto 50px}.request-start summary{font-size:18px;color:#5175a7;cursor:pointer;padding:3px 0 15px}.request-start form{border-top:1px solid #e5ecf7;padding-top:22px}.full-span{grid-column:1/-1}.request-start small{margin-top:10px;font-size:10px;color:#9aacc7}.invoice-sheet{max-width:850px;margin:40px auto}.invoice-note{font-size:10px;color:#99aac4;margin:22px 0}.invoice-sheet h3{font-size:18px;color:#6f8eb8}.invoice-sheet td strong{color:#6487b6}.invoice-sheet p{font-size:12px}.invoice-sheet .grid{margin-bottom:25px}@media(max-width:760px){.journey-top{padding:22px}.journey-top h2{font-size:23px}.journey-meter{margin:0 22px}.journey-track{padding:21px 16px;grid-template-columns:repeat(3,1fr);gap:20px 9px}.journey-track b{font-size:9px}.journey-track li>span{width:25px;height:25px}.journey-next{padding:23px 22px}.journey-next h3{font-size:20px}.journey-next>p{font-size:11px}.journey-next .button{font-size:10px;margin:5px 0}.journey-delivery{grid-template-columns:1fr}.journey-delivery article{padding:22px}.journey-delivery article+article{border-right:0;border-top:1px solid #e5ecf6}.journey-heading .button{font-size:11px}.journey-empty{padding:25px 10px}.journey-empty h2{font-size:27px}.request-start summary{font-size:17px}.journey-note p{font-size:11px}}
[data-chat-presence],.person-presence{display:inline-flex;align-items:center;gap:6px}.chat-header [data-chat-presence]{font-size:10px;margin-top:5px}[data-chat-presence]:before,.person-presence:before{content:'';width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#aab4c5;box-shadow:0 0 0 3px #aab4c512}[data-chat-presence][data-presence=online]:before,.person-presence[data-presence=online]:before{background:#4dd38a;box-shadow:0 0 0 3px #4dd38a19}[data-chat-presence][data-presence=away]:before,.person-presence[data-presence=away]:before{background:#e1b85c;box-shadow:0 0 0 3px #e1b85c19}[data-chat-presence][data-presence=offline]:before,.person-presence[data-presence=offline]:before{background:#aab4c5}.chat-header [data-chat-presence][data-presence=online]{color:#acf1c9}.chat-header [data-chat-presence][data-presence=away]{color:#f4dcaa}.chat-header [data-chat-presence][data-presence=offline]{color:#d2daea}.person-presence{font-size:10px;padding:4px 10px;border-radius:20px;background:#eff3fa;color:#8b9dbb;margin-top:9px}.person-presence[data-presence=online]{color:#42976a;background:#eef8f0}.person-presence[data-presence=away]{color:#af8945;background:#faf5e9}.person-presence[data-presence=offline]{color:#91a0b8;background:#f1f4f9}
/* Branded conversation launcher. */
.chat-launcher{position:relative;display:flex;align-items:center;gap:11px;min-height:65px;padding:9px 16px 9px 10px;border-radius:19px;background:linear-gradient(130deg,#365aa7,#294989);border:1px solid #ffffff30;box-shadow:0 8px 28px #29498935,inset 0 1px #ffffff18;color:#fff;isolation:isolate;transition:transform .25s,box-shadow .25s,background .25s}.chat-launcher:after{content:'';position:absolute;inset:-5px;border:1px solid #3556a515;border-radius:23px;pointer-events:none}.chat-launcher:hover{background:linear-gradient(130deg,#4168bb,#32559d);transform:translateY(-3px);box-shadow:0 13px 32px #29498940}.launcher-orb{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#ffffff20,#ffffff0b);border:1px solid #ffffff20;box-shadow:inset 0 1px #ffffff16;flex-shrink:0}.chat-launcher .launcher-orb svg{width:26px;height:26px;stroke:#f0f4ff;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.launcher-spark{stroke:#e4c591;fill:#e4c59133}.chat-launcher .launcher-label{display:block;line-height:1.4;text-align:right;min-width:105px}.chat-launcher .launcher-label strong{display:block;font-size:12px;font-weight:500;letter-spacing:0;color:#fff;line-height:1.7}.chat-launcher .launcher-label small{display:block;font-size:8px;color:#c6d6f6;line-height:1.8;margin-top:1px}.launcher-presence{width:6px;height:6px;border-radius:50%;background:#c7b07e;box-shadow:0 0 0 3px #ffffff0b;margin-right:2px;align-self:flex-start;margin-top:8px;flex-shrink:0}.team-online .launcher-presence{background:#61daa0;box-shadow:0 0 0 3px #61daa01a}.chat-launcher[aria-expanded=true]{box-shadow:0 6px 20px #29498923}.chat-launcher .chat-badge{font-size:10px;min-width:22px;line-height:19px;background:#b18b4c;color:white;top:-7px;right:-6px;border-color:#fff;box-shadow:0 2px 7px #a7854d33}.launcher-orb{animation:launcher-greet 7s ease-in-out infinite}@keyframes launcher-greet{0%,82%,100%{transform:rotate(0)}87%{transform:rotate(-7deg)}92%{transform:rotate(5deg)}96%{transform:rotate(-2deg)}}@media(max-width:760px){.live-support{bottom:19px;left:17px}.chat-launcher{min-height:58px;padding:8px 13px 8px 8px;gap:9px;border-radius:17px}.launcher-orb{width:37px;height:37px;border-radius:11px}.chat-launcher .launcher-orb svg{width:23px;height:23px}.chat-launcher .launcher-label{min-width:92px}.chat-launcher .launcher-label strong{font-size:11px}.chat-launcher .launcher-label small{font-size:7px}.launcher-presence{width:5px;height:5px;margin-top:7px}.chat-panel{bottom:90px;max-height:calc(100dvh - 110px)}}@media(prefers-reduced-motion:reduce){.launcher-orb{animation:none}}
/* Separate team identity from its presence status. */
.chat-header>div:not(.support-avatar){display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;min-width:0}.chat-header strong{display:block;line-height:1.5;margin:0}.chat-header [data-chat-presence]{display:flex;align-items:center;gap:7px;width:fit-content;margin:0!important;font-size:9px;line-height:1.5;white-space:nowrap}.chat-header [data-chat-presence]:before{width:5px;height:5px;box-shadow:none}.chat-header{gap:13px;min-height:82px}.chat-header .support-avatar{flex-shrink:0}.chat-header .chat-close{flex-shrink:0;align-self:center}@media(max-width:760px){.chat-header{min-height:78px}.chat-header>div:not(.support-avatar){gap:6px}}
/* Support workspace: triage, ownership and conversation status. */
.support-page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:38px 0 25px}.support-page-heading h1{font-size:31px;letter-spacing:-.7px;color:#253d65;margin:9px 0 6px}.support-page-heading p{font-size:12px;color:#8798b5;margin:0}.support-page-heading .eyebrow{font:9px Arial,sans-serif;letter-spacing:2px;color:#a98a54}.desk-live{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #dce5f2;padding:9px 13px;border-radius:30px;color:#7189ae;font-size:10px;white-space:nowrap}.desk-live i{width:6px;height:6px;background:#5aaf88;border-radius:50%;box-shadow:0 0 0 3px #5aaf8812}.inbox-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 0 25px}.inbox-overview article{padding:20px 23px;background:#fff;border:1px solid #dce4f0;border-radius:12px;position:relative;overflow:hidden}.inbox-overview article:before{content:'';position:absolute;top:20px;left:20px;width:6px;height:6px;background:#6186c3;border-radius:50%;box-shadow:0 0 0 4px #6186c30b}.inbox-overview article:first-child:before{background:#c49c57;box-shadow:0 0 0 4px #c49c570b}.inbox-overview article:nth-child(3):before{background:#8ca1b6}.inbox-overview article:nth-child(4):before{background:#b89a62}.inbox-overview span{display:block;font-size:11px;color:#748bae}.inbox-overview strong{display:block;font:29px/1.4 Georgia,serif;color:#3f6092;margin:9px 0 3px;direction:ltr;text-align:right}.inbox-overview small{font-size:9px;color:#a0afc6}.support-desk.inbox-workspace{grid-template-columns:345px minmax(0,1fr);height:76dvh;min-height:640px;max-height:950px;border:1px solid #ccd9ec;border-radius:17px;box-shadow:0 12px 40px #31578d0a;margin:0 0 45px;background:#fff}.inbox-workspace .thread-list{padding:0;background:#f8faff;border-left:1px solid #dce5f4;display:flex;flex-direction:column;min-height:0;overflow:hidden}.inbox-sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:25px 22px 18px}.inbox-sidebar-head h3{font-size:18px;letter-spacing:-.3px;color:#3b5e92;margin:0}.inbox-sidebar-head [data-inbox-result]{font-size:9px;color:#9aacC7;display:block;margin-top:4px}.inbox-icon{font-size:24px;color:#829bc0;background:#eef3fc;width:38px;height:38px;border:1px solid #dce6f6;border-radius:10px;display:grid;place-items:center}.inbox-search{display:flex;align-items:center;gap:8px;margin:0 20px 17px;background:#fff;border:1px solid #dce5f3;border-radius:9px;padding:9px 10px}.inbox-search:focus-within{border-color:#9eb6dd;box-shadow:0 0 0 3px #557ebc08}.inbox-search svg{width:16px;height:16px;stroke:#8da4c7;stroke-width:1.5;flex-shrink:0}.inbox-search input{font-size:12px;background:transparent;border:0;border-radius:0;padding:0;margin:0;box-shadow:none;min-height:21px;color:#5f7fae}.inbox-search input:focus{box-shadow:none;border:0}.inbox-search input::placeholder{font-size:10px;color:#a3b3cd}.inbox-filters{padding:0 20px 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;border-bottom:1px solid #e1e9f5}.inbox-filters button{display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid #e1e8f5;border-radius:7px;background:#fff;color:#7c96bb;font-size:10px;padding:8px 11px;min-height:36px;box-shadow:none}.inbox-filters button b{font:9px/1.4 Arial,sans-serif;font-weight:400;background:#f0f4fc;color:#8aa4cc;padding:2px 6px;border-radius:4px}.inbox-filters button.active{background:#3f64a5;border-color:#3f64a5;color:#fff;box-shadow:0 3px 9px #3f64a513}.inbox-filters button.active b{background:#ffffff20;color:#e6efff}.inbox-filters button:hover:not(.active){transform:none;background:#edf3ff;border-color:#c7d7f0;color:#557ab3;box-shadow:none}.inbox-list-label{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 9px;font-size:9px;color:#a0b2cc}.inbox-list-label>span:first-child{font-weight:500;color:#7796c1}.inbox-workspace [data-threads]{overflow-y:auto;min-height:0;padding:0 10px 15px;scrollbar-width:thin;scrollbar-color:#cfdcef transparent}.inbox-workspace .inbox-thread{display:flex;align-items:flex-start;gap:11px;padding:15px 11px;margin:0 0 6px;width:100%;border:1px solid transparent;border-bottom-color:#e8edf7;border-radius:10px;text-align:right;background:transparent;color:#587ba9;box-shadow:none;transition:background .18s,border-color .18s}.inbox-thread:hover{transform:none;background:#eef4ff!important;border-color:#d4e2f7!important}.inbox-thread.active{background:#fff!important;border-color:#bcd0ef!important;box-shadow:inset -3px 0 #567fc1!important}.inbox-thread.has-unread{background:#f0f5ff}.inbox-avatar{width:34px;height:34px;flex-shrink:0;border-radius:11px;background:linear-gradient(135deg,#e4ecfb,#f2f5fc);border:1px solid #dbe5f6;display:grid;place-items:center;color:#789bc8;font-size:12px;margin-top:3px}.inbox-thread.has-unread .inbox-avatar{background:#dfEafb;color:#527eb8;border-color:#c7d9f3}.inbox-thread-content{display:block;min-width:0;flex:1}.inbox-thread-title{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.inbox-thread-title strong{font-size:12px;line-height:1.6;color:#587cac;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.inbox-thread.has-unread strong{color:#365d96;font-weight:700}.inbox-thread-title time{font:7px/1.8 Tahoma,sans-serif;color:#a7b7cd;white-space:nowrap;margin-top:3px}.inbox-thread-content>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:10px;margin:5px 0 9px;color:#9caec8}.inbox-thread.has-unread .inbox-thread-content>small{color:#7e9abf}.inbox-thread-meta{display:flex;align-items:center;gap:7px;min-height:18px}.inbox-tag{display:inline-block;font-size:8px;line-height:1.6;border:1px solid #dfe7f4;background:#f2f5fb;color:#96aac7;border-radius:5px;padding:2px 6px}.tag-new{background:#e9f0ff;color:#7397d0;border-color:#d2e0fb}.tag-waiting{background:#faf3e6;color:#b59a69;border-color:#ebddbf}.tag-closed{background:#edf0f4;color:#94a3b6;border-color:#dce3ed}.tag-replied{background:#eef5f2;color:#8ba89b;border-color:#deebe5}.inbox-mini-rating{font:8px Arial,sans-serif;color:#b49a65}.inbox-unread{display:grid;place-items:center;margin-right:auto;min-width:19px;height:19px;padding:0 5px;border-radius:50px;background:#527fbe;color:white;font:9px Arial,sans-serif;box-shadow:0 2px 5px #527fbe17}.inbox-list-empty{padding:25px 14px;text-align:center}.inbox-list-empty strong{font-size:12px;color:#839ec4;font-weight:400}.inbox-list-empty p{font-size:10px;color:#a2b3cd;margin:8px 0}.inbox-workspace .desk-header{padding:20px 24px 16px;background:#fff;border-bottom:1px solid #e1e9f5}.conversation-heading{display:flex;align-items:center;gap:11px;margin-bottom:11px}.conversation-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;background:#eaf0fb;border:1px solid #dce7f7;color:#809ecb;font-size:15px}.conversation-heading h3{font-size:17px;margin:0;color:#496ea3}.conversation-heading small{font-size:9px;color:#9eafc8;margin-top:3px}.conversation-status{margin-right:auto;background:#ecf2ff;border:1px solid #d7e3fb;padding:4px 9px;color:#7f9bc6;font-size:9px;border-radius:20px;white-space:nowrap}.conversation-status.is-closed{background:#eff2f6;color:#9aa9bb;border-color:#dfe6f0}.inbox-workspace .desk-header .person-presence{margin-top:0;margin-left:6px;font-size:9px;vertical-align:middle}.inbox-workspace .desk-header button.secondary{font-size:9px;min-height:29px;padding:4px 10px;margin:0 0 0 6px;border-radius:7px}.inbox-workspace .chat-stream{padding:24px;gap:16px}.inbox-empty-selection{margin:auto;display:grid;justify-items:center;text-align:center;padding:35px 20px}.inbox-empty-selection>span{display:grid;place-items:center;width:65px;height:65px;border:1px solid #dce7f8;border-radius:20px;background:#f0f5fe;color:#98afd2;font-size:27px;box-shadow:0 7px 20px #567bb60b}.inbox-empty-selection h2{font-size:21px;color:#7897c0;margin:20px 0 9px}.inbox-empty-selection p{font-size:11px;line-height:2.1;color:#a1b3ce}.inbox-mobile-back{display:none}.inbox-workspace .chat-bubble{max-width:82%}
@media(max-width:1050px){.support-desk.inbox-workspace{grid-template-columns:305px minmax(0,1fr)}.inbox-thread-title{flex-wrap:wrap;gap:0}.inbox-thread-title time{width:100%;margin-top:0;font-size:7px}.inbox-thread-title strong{max-width:100%}.inbox-workspace .desk-header{padding:17px}.conversation-heading{gap:8px}.conversation-heading h3{font-size:15px}.conversation-status{font-size:8px;padding:3px 6px}.inbox-overview article{padding:17px}.support-page-heading h1{font-size:28px}}
@media(max-width:760px){.support-page-heading{align-items:flex-start;gap:14px;margin:25px 0 20px;flex-direction:column}.support-page-heading h1{font-size:25px;margin:9px 0}.support-page-heading p{font-size:10px}.desk-live{font-size:9px;padding:7px 11px}.inbox-overview{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.inbox-overview article{padding:16px}.inbox-overview span{font-size:10px}.inbox-overview strong{font-size:25px;margin:8px 0 2px}.inbox-overview small{font-size:8px}.inbox-overview article:before{top:17px;left:15px;width:5px;height:5px}.support-desk.inbox-workspace{display:block;height:76dvh;min-height:590px;max-height:850px;border-radius:14px;margin-bottom:30px}.inbox-workspace .thread-list{height:100%;max-height:none;border:0}.inbox-workspace .desk-conversation{display:none;height:100%;min-height:0}.inbox-workspace.show-conversation .thread-list{display:none}.inbox-workspace.show-conversation .desk-conversation{display:flex}.inbox-sidebar-head{padding:20px 19px 15px}.inbox-sidebar-head h3{font-size:18px}.inbox-search{margin:0 18px 15px;padding:10px 12px}.inbox-search input{font-size:16px}.inbox-search input::placeholder{font-size:11px}.inbox-filters{grid-template-columns:repeat(3,1fr);padding:0 18px 18px;gap:7px}.inbox-filters button{font-size:9px;padding:7px 9px;min-height:35px}.inbox-filters button b{font-size:8px;padding:2px 4px}.inbox-thread-title{flex-wrap:nowrap;gap:8px}.inbox-thread-title strong{font-size:13px;max-width:145px}.inbox-thread-title time{width:auto;white-space:nowrap;font-size:7px;margin-top:4px}.inbox-thread-content>small{font-size:11px}.inbox-workspace .inbox-thread{padding:16px 13px;gap:13px}.inbox-avatar{width:37px;height:37px;font-size:13px}.inbox-tag{font-size:9px}.inbox-workspace .desk-header{padding:14px 16px}.inbox-mobile-back{display:inline-flex;background:#f0f4fc;color:#7d98c1;border:1px solid #dce6f6;font-size:10px;min-height:29px;padding:4px 9px;box-shadow:none;border-radius:7px;margin-bottom:14px}.inbox-mobile-back:hover{box-shadow:none;background:#e6eefc;color:#6387bc}.conversation-heading h3{font-size:15px}.conversation-avatar{width:34px;height:34px;border-radius:11px;font-size:12px}.conversation-heading{margin-bottom:9px}.conversation-heading small{font-size:8px}.conversation-status{font-size:8px}.inbox-workspace .desk-header button.secondary{font-size:8px;padding:4px 8px;margin:5px 0 0 5px}.inbox-workspace .desk-header .person-presence{font-size:8px}.inbox-workspace .chat-stream{padding:17px}.inbox-workspace .chat-bubble{max-width:90%}.inbox-workspace .chat-tools{padding:5px 14px}.inbox-workspace .chat-attachments{padding:7px 12px 4px}.inbox-workspace .chat-compose{padding:8px 12px 13px}.inbox-workspace .chat-rating{max-height:230px}}
.inbox-workspace:not(.has-selected) .desk-header,.inbox-workspace:not(.has-selected) .chat-tools,.inbox-workspace:not(.has-selected) .chat-attachments,.inbox-workspace:not(.has-selected) .chat-compose,.inbox-workspace:not(.has-selected) .chat-typing{display:none}
.inbox-filters button>span{font-size:inherit;line-height:1.6;white-space:nowrap}
.booking-price{padding:24px;border:1px solid #d3dff1;border-radius:16px;background:linear-gradient(120deg,#f2f6ff,#fffaf1);display:grid;grid-template-columns:1fr 1fr;gap:16px}.booking-price label{margin:0;color:#425d88}.coupon-entry{display:flex;gap:8px;align-items:center}.coupon-entry input{direction:ltr}.coupon-entry button{margin-top:8px;padding:9px 16px;min-height:45px}.booking-price [role=status],.price-breakdown,.booking-price>small{grid-column:1/-1;margin:0}.price-breakdown{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #d9e3f3;color:#617594;font-size:12px}.price-breakdown b{display:block;color:#365b96;font-size:16px;margin-top:5px}.price-breakdown strong{color:#365b96}.coupon-success{color:#33775c}.coupon-error{color:#ac4556}.request-quote{padding:12px 0}.request-quote strong{color:#3f6194}.request-quote small{margin-top:6px}@media(max-width:600px){.booking-price{grid-template-columns:1fr;padding:18px}.price-breakdown{gap:12px}.price-breakdown b{font-size:14px}}
.chat-price-editor{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:0;padding:12px 22px;background:#f7f9fd;border-bottom:1px solid #dce5f4}.chat-price-editor label{flex:1;min-width:130px;font-size:10px;margin:0;color:#536f99}.chat-price-editor input,.chat-price-editor select{font-size:13px;padding:8px;margin-top:5px}.chat-price-editor button{min-height:37px;padding:6px 14px;font-size:10px}.chat-price-editor small{width:100%;font-size:10px}.coupon-entry input{min-width:0}.coupon-entry button{white-space:nowrap}.inbox-workspace:not(.has-selected) .chat-price-editor{display:none}
/* Arabic typography matching the supplied reference. */
@font-face{font-family:AlkheyalJanna;src:url('/static/fonts/JannaLT-Regular.ttf') format('truetype');font-style:normal;font-weight:100 500;font-display:swap}
@font-face{font-family:AlkheyalJanna;src:url('/static/fonts/JannaLT-Bold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
body,body button,body input,body select,body textarea,body .button,body h1,body h2,body h3,body h4,body p,body label,body small,body .muted,body .price,body .subscription-price,body .inbox-thread-title time,body .inbox-tag,body .inbox-overview strong{font-family:AlkheyalJanna,Tahoma,Arial,sans-serif}
/* Clear, tactile navigation in the brand palette. */
.site-header{gap:22px;padding-top:14px;padding-bottom:14px}.desktop-navigation{gap:8px;flex-wrap:wrap;justify-content:flex-end}.desktop-navigation .nav-item,.drawer-navigation .nav-item{gap:9px;min-height:45px;padding:10px 15px;border:1px solid #e0e6f0;border-radius:12px;background:#f6f8fc;color:#455a7a!important;font-size:14px;font-weight:500;line-height:1.5;box-shadow:0 2px 3px #233b6203}.nav-item .nav-label{font-size:inherit;line-height:inherit}.nav-icon{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.desktop-navigation .nav-item:hover,.drawer-navigation .nav-item:hover{background:#eaf0fc!important;border-color:#c4d3ed!important;color:#345aa0!important}.desktop-navigation .nav-item[aria-current=page],.drawer-navigation .nav-item[aria-current=page]{background:#e8efff!important;border-color:#b8cbed!important;color:#305ca9!important;box-shadow:inset 0 -2px #6286c3}.desktop-navigation .nav-exit,.drawer-navigation .nav-exit{background:#fff8f5;color:#a56858!important;border-color:#f0dfd8}.desktop-navigation .nav-start{font-size:14px;min-height:45px;border-radius:12px;padding:10px 18px}.desktop-navigation .nav-login{margin:0}.desktop-navigation form{display:flex}.drawer-navigation .nav-item{width:100%;min-height:53px;padding:13px 16px;font-size:16px}.drawer-navigation .nav-icon{width:21px;height:21px}.drawer-navigation .nav-start{font-size:16px;border-radius:12px}.drawer-navigation .nav-item:after{font-size:17px}.site-header .brand{flex-shrink:0}@media(min-width:761px) and (max-width:1100px){.desktop-navigation{gap:6px}.desktop-navigation .nav-item{font-size:12px;padding:9px 10px;gap:6px}.desktop-navigation .nav-icon{width:16px;height:16px}.site-header{gap:14px}}
.desktop-navigation>form{align-items:center;align-self:center;margin:0;padding:0}.desktop-navigation .nav-item,.drawer-navigation .nav-item{margin-top:0;margin-bottom:0}.desktop-navigation .nav-exit{height:45px;margin:0}.drawer-navigation .nav-exit{margin:0}

.quote-final-price{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:7px}.quote-final-price del{color:#9aa5b7;font-size:15px;text-decoration-line:line-through;text-decoration-thickness:2px;text-decoration-color:#ad7c79}.quote-final-price strong{font-size:23px;color:#365b96}
.chat-identity{padding:25px;display:grid;gap:12px;overflow:auto}.chat-identity strong{color:#365b96;font-size:20px}.chat-identity label{margin:0;color:#526a90}.chat-identity input{font-size:16px}.chat-identity button{margin:0}.needs-identity .chat-stream,.needs-identity .chat-tools,.needs-identity .chat-attachments,.needs-identity .chat-compose,.needs-identity .chat-typing,.needs-identity .chat-rating{display:none!important}.chat-price-link{display:block;margin:12px 0 4px;padding:10px 13px;border-radius:9px;border:1px solid #b8cbee;background:#fff;color:#365b96!important;font-size:12px;text-align:center;font-weight:600}.chat-price-link:hover{background:#edf3ff}
/* Project workspace: a concise list with on-demand detail. */
.project-list-label{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px;font-size:12px;color:#8495af}.project-list-label>span:first-child{color:#435f8b;font-size:15px}.project-list-label b{display:inline-grid;place-items:center;background:#e8eefb;color:#5476ae;border-radius:7px;min-width:24px;height:24px;font:12px Arial;margin-inline-start:6px}.compact-project-list{display:grid;gap:12px;margin-bottom:26px}.compact-project{border:1px solid #dce4f2;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 4px 18px #35558505;margin:0;min-width:0}.compact-project>summary{display:flex;align-items:center;gap:15px;list-style:none;padding:19px 22px;cursor:pointer;transition:background .2s}.compact-project>summary::-webkit-details-marker{display:none}.compact-project>summary:hover{background:#f7f9fe}.compact-project>summary:focus-visible{outline:2px solid #6487c3;outline-offset:-3px}.project-monogram{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #e0e8f6;background:linear-gradient(135deg,#eef3ff,#faf7ef);color:#5777aa;font-size:20px;border-radius:13px}.project-summary-name{flex:1;min-width:0;display:block}.project-summary-name strong{display:block;color:#354d73;font-size:17px;font-weight:600;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-summary-name small{display:block;font-size:11px;color:#8a9bb5;margin-top:3px}.project-stage-pill{background:#edf2fc;color:#6583b2;border:1px solid #dce6f7;border-radius:30px;padding:4px 13px;font-size:11px;white-space:nowrap}.project-summary-price{font-size:14px;color:#59739b;white-space:nowrap;min-width:110px;text-align:left}.project-expand{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#f3f6fb;color:#8c9fbd;font-size:17px;transition:transform .2s}.compact-project[open]>.project-expand{transform:rotate(45deg)}.compact-project[open]>summary .project-expand{transform:rotate(45deg);background:#e8eefc;color:#5279b6}.compact-project[open]>summary{background:#f5f8ff;border-bottom:1px solid #e0e7f4}.project-expanded{padding:23px}.project-expanded .section-head{margin:0 0 18px;gap:15px}.project-expanded .section-head h2{font-size:20px;margin:4px 0}.project-expanded .section-head p{font-size:12px;margin:6px 0;max-width:650px}.project-expanded .form-grid{gap:14px}.project-expanded .form-grid label{font-size:12px;margin:0}.project-expanded textarea{padding:9px 12px}.project-expanded input,.project-expanded select{padding:9px 12px;font-size:14px}.project-expanded .form-grid button{min-height:39px;padding:7px 18px;font-size:12px;margin:0}.project-expanded .journey-meter{height:4px;margin:0 0 17px}.project-expanded .journey-track{margin:0 0 19px;padding:0}.project-expanded .journey-track li span{width:25px;height:25px;font-size:10px}.project-expanded .journey-track li b{font-size:10px}.project-expanded .journey-next{padding:15px 17px;margin:0 0 16px;border-radius:10px}.project-expanded .journey-next h3{font-size:16px;margin:3px 0 10px}.project-expanded .journey-next .button{min-height:36px;padding:6px 14px;font-size:11px}.project-expanded .journey-note{margin:10px 0;padding:10px}.project-expanded .journey-note p{font-size:12px;margin:5px 0}.project-expanded .journey-delivery{gap:15px;margin:0}.project-expanded .journey-delivery article{padding:16px;border-radius:11px;min-width:0}.project-expanded .request-quote{padding:6px 0}.project-expanded .quote-final-price strong{font-size:21px}.request-start{padding:20px;margin:20px 0 35px}.request-start summary{font-size:15px}.journey-heading{margin-bottom:22px}
@media(max-width:650px){.compact-project>summary{padding:15px 13px;gap:10px;flex-wrap:wrap}.project-monogram{width:36px;height:36px;border-radius:11px;font-size:17px}.project-summary-name strong{font-size:15px}.project-summary-name small{font-size:10px}.project-summary-price{min-width:0;font-size:12px}.project-stage-pill{font-size:9px;padding:3px 9px;order:4;margin-inline-start:46px}.project-expand{width:25px;height:25px;font-size:15px}.project-expanded{padding:16px}.project-expanded .journey-track{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-expanded .journey-track li{padding:0;min-width:0}.project-expanded .journey-delivery{grid-template-columns:1fr;gap:10px}.project-list-label{font-size:10px}.project-expanded .section-head{align-items:flex-start;flex-wrap:wrap}.compact-project-list{gap:9px}}

.client-project-groups{display:grid;gap:14px;margin-bottom:35px}.client-project-group{border:1px solid #dce4f2;background:#fff;border-radius:16px;overflow:hidden}.client-project-group>summary{list-style:none;display:flex;align-items:center;gap:15px;padding:20px 22px;cursor:pointer}.client-project-group>summary::-webkit-details-marker{display:none}.client-project-group>summary:hover{background:#f7f9fe}.client-project-group[open]>summary{background:#f4f7fe;border-bottom:1px solid #e1e8f5}.client-project-group[open]>summary .project-expand{transform:rotate(45deg)}.client-project-items{padding:15px;margin:0;background:#f9faff;gap:10px}.client-project-items .compact-project{box-shadow:none}.client-project-group>summary .project-monogram{background:linear-gradient(135deg,#e6edfc,#f7f0e2);color:#42659c}@media(max-width:650px){.client-project-group>summary{padding:16px 13px;gap:10px}.client-project-group>summary .project-stage-pill{order:initial;margin:0}.client-project-items{padding:10px}}

.site-header .brand img{width:54px;height:54px;object-fit:contain}.site-header .brand{gap:9px}.drawer-brand img{width:54px;height:54px;object-fit:contain}@media(max-width:760px){.site-header .brand img{width:46px;height:46px}.site-header .brand{gap:8px}}

.chat-message-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.chat-message-footer small{margin:0!important}.chat-bubble .chat-copy{min-height:27px;margin:0;padding:3px 8px;border:1px solid #cbd9ef;border-radius:6px;background:#ffffff85;color:#5475a5;font-size:10px;line-height:1.6;gap:4px;box-shadow:none;white-space:nowrap}.chat-bubble.from-team .chat-copy{background:#ffffff16;border-color:#ffffff40;color:#fff}.chat-bubble .chat-copy:hover{transform:none;background:#eaf1ff;color:#365b96;box-shadow:none}.chat-bubble .chat-copy.copied{border-color:#91b8a0;background:#edf7f0;color:#3b7755}

.chat-reply-draft{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:1/-1;width:100%;padding:10px 12px;background:#edf2fc;border-right:3px solid #6385bd;border-radius:8px;margin-bottom:8px}.chat-reply-draft>div{min-width:0}.chat-reply-draft strong{font-size:11px;color:#48699c}.chat-reply-draft p{font-size:12px;color:#7187a9;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.chat-reply-draft button{min-height:25px;padding:0 7px;background:transparent;color:#7892b8;border:0;font-size:20px;margin:0}.chat-message-quote{margin:0 0 10px;padding:7px 10px;border-right:3px solid #8ba4ce;background:#8ba4ce17;border-radius:5px;font-size:11px;white-space:pre-wrap;max-height:100px;overflow:auto}.from-team .chat-message-quote{background:#ffffff15;border-color:#d2e1ff;color:#eff4ff}.chat-message-footer{justify-content:flex-end;gap:6px}.chat-message-footer small{margin-left:auto!important}

.chat-reaction-picker{display:flex;gap:4px;flex-wrap:wrap;padding:7px;margin-top:7px;border:1px solid #d4e0f3;background:#fff;border-radius:12px;box-shadow:0 5px 18px #28497b12}.chat-reaction-picker button{font-family:Arial,sans-serif;font-size:20px;min-height:34px;min-width:34px;padding:3px;margin:0;border:0;border-radius:8px;background:transparent;box-shadow:none}.chat-reaction-picker button:hover{background:#eef3ff;transform:scale(1.1)}.chat-reactions{display:flex;gap:5px;justify-content:flex-end;margin-top:7px}.chat-reactions span{font:16px/1.4 Arial,sans-serif;padding:3px 8px;border:1px solid #d4e1f5;background:#f6f9ff;border-radius:20px;color:#4d6d9b}.from-team .chat-reactions span{background:#fff;border-color:#d7e4f7}
.project-file-area{padding:16px;border:1px solid #dce6f5;border-radius:12px;background:#f8faff;margin:0 0 18px}.project-file-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#486b9f}.project-file-heading strong{font-size:14px}.project-file-area small{font-size:10px}.project-upload-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.project-upload-form label{flex:1;min-width:180px;margin:0;font-size:12px}.project-upload-form input{background:#fff;font-size:12px;padding:8px}.project-upload-form button{min-height:39px;margin:0;padding:8px 16px;font-size:12px}.project-upload-form>small{width:100%}.project-file-list{display:grid;gap:7px;margin-top:12px}.project-file-list a{display:flex;justify-content:space-between;gap:10px;background:#fff;border:1px solid #e2e9f5;padding:9px 12px;border-radius:8px;font-size:12px;color:#5274a6}.project-file-list a span{overflow-wrap:anywhere}.project-file-list a small{white-space:nowrap}
.project-upload-queue{display:grid;gap:7px;width:100%}.project-upload-queue>div{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid #dce5f4;padding:8px 11px;border-radius:8px;font-size:12px}.project-upload-queue span{overflow-wrap:anywhere}.project-upload-queue .upload-complete small{color:#47765d}.project-upload-queue .upload-failed small{color:#a84c58}

.agent-name-setting{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 20px;padding:16px 20px;border:1px solid #dce5f3;border-radius:13px;background:#fff}.agent-name-setting label{margin:0;font-size:12px;color:#5d779e;flex:1;max-width:300px}.agent-name-setting input{margin-top:5px;font-size:15px;padding:8px 12px}.agent-name-setting button{margin:0;min-height:41px;padding:8px 16px;font-size:12px}.agent-name-setting small{font-size:10px;padding-bottom:9px}
.chat-tools .voice-launch{margin:0 auto 0 0;display:inline-flex;gap:6px;align-items:center;padding:4px 10px;min-height:30px;font-size:10px;border:1px solid #c9d8f2;background:#edf3ff;color:#3e64a2;border-radius:8px;box-shadow:none}.voice-launch svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.voice-launch span{font-size:inherit}.voice-panel{position:fixed;z-index:120;left:50%;top:50%;transform:translate(-50%,-50%);width:min(370px,calc(100% - 32px));padding:30px 24px;display:flex;align-items:center;flex-direction:column;gap:12px;border-radius:24px;border:1px solid #cbd8ef;background:linear-gradient(150deg,#fff,#f1f5ff);box-shadow:0 24px 100px #15326140;text-align:center}.voice-halo{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#e6edfc;border:1px solid #c9d8f5;box-shadow:0 0 0 10px #edf2fc}.voice-halo svg{width:30px;height:30px;stroke:#466daa;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.voice-incoming .voice-halo{animation:voice-pulse 1.6s ease-in-out infinite}.voice-panel>strong{font-size:21px;color:#355680;margin-top:13px}.voice-panel>span{font-size:14px;color:#617cA5}.voice-panel>small{font-size:11px;color:#8a9bb6;min-height:18px}.voice-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:10px}.voice-actions button{font:13px AlkheyalJanna,Tahoma,sans-serif;min-height:42px;padding:9px 15px;margin:0;border-radius:11px;box-shadow:none;border:1px solid #d1ddf3;background:#edf2fc;color:#4d6fA5}.voice-actions [data-voice-accept]{background:#39795e;border-color:#39795e;color:#fff}.voice-actions [data-voice-end]{background:#b25162;border-color:#b25162;color:white}.voice-actions .is-muted{background:#f7e7d3;color:#9d7139}@keyframes voice-pulse{50%{box-shadow:0 0 0 18px #dfe9fc66;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.voice-incoming .voice-halo{animation:none}}

.chat-tools .voice-launch{background:#248457;border-color:#248457;color:#fff}.chat-tools .voice-launch:hover{background:#1c7048;border-color:#1c7048;color:#fff}.chat-tools .voice-launch.voice-active,.chat-tools .voice-launch.voice-active:hover{background:#c54554;border-color:#c54554;color:#fff}.chat-tools .voice-launch.voice-active:disabled{opacity:1}

.voice-device-settings{width:100%;text-align:right;border-top:1px solid #d9e3f4;margin-top:10px;padding-top:12px}.voice-device-settings summary{font-size:13px;color:#5274a7;cursor:pointer}.voice-device-settings label{font-size:11px;color:#6d83a5;margin:11px 0 0}.voice-device-settings select{font-size:13px;padding:8px;margin-top:5px;background:#fff}.voice-device-settings button{font-size:11px;padding:7px 12px;min-height:34px;border-radius:8px;margin-top:9px}.voice-device-settings small{display:block;font-size:10px;line-height:1.9;color:#8598b7;margin-top:10px}.voice-panel{max-height:calc(100dvh - 32px);overflow:auto}

.voice-simple-audio{width:100%;border-top:1px solid #dce5f3;padding-top:15px;margin-top:8px}.voice-audio-buttons{display:flex;gap:10px;justify-content:center}.voice-audio-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:104px;min-height:76px;background:#f5f7fc;border:1px solid #d8e2f2;border-radius:15px;color:#6b83a8;padding:12px;margin:0;box-shadow:none;font-size:13px}.voice-audio-buttons button span{font-size:13px}.voice-audio-buttons svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.voice-audio-buttons button[aria-pressed=true]{background:#e6eefc;border-color:#89a7d5;color:#365f9e}.voice-audio-buttons button:disabled{opacity:.42;cursor:not-allowed}.voice-simple-audio>small{font-size:10px;line-height:1.8;color:#8b9bb4;display:block;margin-top:10px}

.voice-audio-health{display:block;min-height:18px;color:#6d84a6;font-size:11px}.voice-actions .voice-playback{background:#365e9f;color:white;border-color:#365e9f}

.chat-history-tools{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap;padding:7px 12px;border-bottom:1px solid #e0e8f5;background:#f8faff}.chat-history-tools button,.chat-history-tools a{font-size:10px;color:#6484b3;padding:4px 8px;min-height:27px;border:1px solid #dce5f4;border-radius:7px;background:#fff;box-shadow:none;margin:0}.needs-identity .chat-history-tools{display:none}.inbox-workspace:not(.has-selected) .chat-history-tools{display:none}

.work-link-card{display:flex;align-items:center;gap:18px;padding:23px 25px;margin:0 0 20px;background:linear-gradient(115deg,#f8faff,#edf3ff);border:1px solid #cbdaf2;border-radius:16px;box-shadow:0 6px 22px #36579008;position:relative;overflow:hidden}.work-link-icon{display:grid;place-items:center;width:56px;height:56px;background:#fff;border:1px solid #dbe5f5;border-radius:16px;flex:none;color:#3d61a4}.work-link-icon svg{width:29px;height:29px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.work-link-info{flex:1;min-width:0}.work-link-info .eyebrow{font-size:10px;color:#9b7940}.work-link-info h3{margin:3px 0 5px;font-size:20px;color:#294571}.work-link-address{display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere;font:13px/1.6 Arial,sans-serif;color:#57739f}.work-link-card .work-link-open{display:flex;align-items:center;justify-content:center;gap:22px;flex:none;min-height:44px;margin:0;padding:10px 23px;background:#355aa1;color:#fff;border:1px solid #355aa1;border-radius:11px;font-size:13px;box-shadow:0 5px 12px #355aa120;transition:background .2s,transform .2s}.work-link-card .work-link-open:hover{background:#294b8b;transform:translateY(-2px)}.work-link-open span{font:23px Arial}.work-link-card a:focus-visible{outline:2px solid #a88447;outline-offset:4px}@media(max-width:650px){.work-link-card{padding:18px 16px;gap:12px;flex-wrap:wrap}.work-link-icon{width:43px;height:43px;border-radius:12px}.work-link-info h3{font-size:18px}.work-link-address{font-size:12px}.work-link-card .work-link-open{width:100%;min-height:44px;justify-content:space-between;padding:10px 17px;margin-top:3px}}

.hero-innovation-offer{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:410px;padding:13px 16px;margin:20px 0 22px;background:#ffffffb8;border:1px solid #dbd7cb;border-radius:13px;box-shadow:0 5px 18px #35558505}.hero-offer-brand{display:flex;align-items:center;gap:10px;min-width:0}.hero-offer-brand img{width:40px;height:40px;object-fit:contain;flex:none}.hero-offer-brand>span{font-size:12px;line-height:1.7;color:#46618b}.hero-offer-brand small{display:block;font-size:10px;color:#9b7940}.hero-innovation-offer>strong{font:bold 18px/1.5 Arial,sans-serif;letter-spacing:1px;color:#355aa1;padding-inline-start:16px;border-inline-start:1px dashed #c7b58f}.studio-copy>p b{color:#355aa1}@media(max-width:550px){.hero-innovation-offer{gap:12px;padding:12px;max-width:100%;margin:17px 0 20px}.hero-innovation-offer>strong{font-size:16px;padding-inline-start:12px;letter-spacing:.5px}.hero-offer-brand img{width:34px;height:34px}.hero-offer-brand>span{font-size:11px}.hero-offer-brand small{font-size:9px}}

.product-scene .innovation-seal{position:absolute;z-index:5;left:0;top:17%;width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-12deg);background:#fff8e9;color:#8d6527;border:3px solid #b18a48;box-shadow:0 0 0 5px #fff8e9,0 0 0 7px #c4a46b,0 14px 30px #5b492126;outline:1px dashed #bb965b;outline-offset:-10px;pointer-events:none}.seal-occasion{font-size:13px;letter-spacing:.4px;line-height:1.6}.innovation-seal>strong{font:bold 63px/1.1 Arial,sans-serif;color:#355aa1;direction:ltr;margin:3px 0}.innovation-seal>strong span{font-size:31px}.seal-discount{font-size:11px;line-height:1.8}.innovation-seal>b{font:bold 16px/1.7 Arial,sans-serif;letter-spacing:1px;color:#355aa1;border-top:1px solid #d8c49d;margin-top:5px;padding-top:4px}.seal-stars{font-size:10px;letter-spacing:4px;line-height:1.4;margin-top:2px}@media(max-width:1000px){.product-scene .innovation-seal{width:164px;height:164px;left:2%;top:12%}.innovation-seal>strong{font-size:51px}.seal-occasion{font-size:12px}.seal-discount{font-size:10px}.innovation-seal>b{font-size:14px}}@media(max-width:550px){.product-scene .innovation-seal{width:136px;height:136px;left:0;top:6%;border-width:2px;outline-offset:-8px;box-shadow:0 0 0 3px #fff8e9,0 0 0 5px #c4a46b,0 8px 20px #5b492126}.innovation-seal>strong{font-size:43px;margin:1px 0}.innovation-seal>strong span{font-size:23px}.seal-occasion{font-size:10px}.seal-discount{font-size:9px}.innovation-seal>b{font-size:12px;margin-top:3px;padding-top:3px}.seal-stars{font-size:8px;margin-top:0}}

.chat-bubble video,.chat-draft video{display:block;width:100%;max-width:340px;max-height:280px;border-radius:12px;background:#172337;margin:8px 0}.chat-draft video{max-height:170px}

/* Dedicated, spacious support workspace. */
.support-room main{max-width:1680px;width:calc(100% - 48px);padding-top:16px}.support-room .support-page-heading{margin:0 0 12px;align-items:center}.support-room .support-page-heading h1{font-size:26px;margin:0}.support-room .support-page-heading p,.support-room .support-page-heading .eyebrow{display:none}.support-settings{margin:0 0 12px;border:1px solid #dce5f4;border-radius:10px;padding:8px 14px;background:#fff}.support-settings summary,.support-price-settings summary{cursor:pointer;font-size:12px;color:#48658f;list-style:none}.support-settings summary:after,.support-price-settings summary:after{content:' ＋';float:left}.support-settings[open] summary:after,.support-price-settings[open] summary:after{content:' −'}.support-settings .agent-name-setting{margin:10px 0 0}.support-room .inbox-overview{margin:0 0 12px;gap:10px}.support-room .inbox-overview article{padding:10px 16px;min-height:0}.support-room .inbox-overview article small{display:none}.support-room .inbox-overview article strong{font-size:23px}.support-room .inbox-workspace{height:calc(100dvh - 285px);min-height:630px;max-height:none;display:grid;grid-template-columns:300px minmax(0,1fr);overflow:hidden;margin:0 0 20px}.support-room .thread-list{height:100%;min-height:0;overflow-y:auto}.support-room .desk-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.support-room .desk-header{flex:none;padding:14px 20px;gap:12px;flex-wrap:wrap;min-height:0}.support-room .desk-header h3{font-size:17px}.support-room .desk-header button{font-size:11px;min-height:34px;margin:0}.support-price-settings{flex:none;background:#f9fbff;border-bottom:1px solid #e1e8f4;padding:9px 20px}.support-price-settings form{margin:12px 0 0!important;flex-wrap:wrap}.support-room .chat-tools,.support-room .chat-history-tools,.support-room .chat-typing,.support-room .chat-attachments{flex:none}.support-room .chat-stream{flex:1 1 0;min-height:120px;height:auto;max-height:none;overflow-y:auto;padding:24px}.support-room .chat-compose{flex:none;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:end;padding:12px 18px 16px;gap:12px;margin:0;border-top:1px solid #e3eaf5;background:#fff}.support-room .chat-compose textarea{grid-column:1;min-height:90px;max-height:190px;resize:vertical;width:100%;margin:0;padding:13px 15px;font-size:14px;line-height:1.7;box-sizing:border-box}.support-room .chat-compose>button[type=submit]{grid-column:2;width:48px;height:48px;min-height:48px;margin:0}.support-room .chat-compose .chat-draft,.support-room .chat-compose .chat-reply-draft{grid-column:1/-1;max-height:150px;overflow:auto;margin:0}.support-room .chat-draft video,.support-room .chat-draft img{max-height:90px;width:auto;max-width:100%}.support-room .chat-error{flex:none;margin:0;padding:0 20px;font-size:12px}.support-room .chat-error:empty{display:none}.support-room footer{display:none}@media(max-width:760px){.support-room main{width:calc(100% - 20px)}.support-room .support-page-heading h1{font-size:21px}.support-room .inbox-workspace{grid-template-columns:1fr;height:calc(100dvh - 230px);min-height:530px}.support-room .inbox-workspace .thread-list{display:flex}.support-room .inbox-workspace .desk-conversation{display:none}.support-room .inbox-workspace.show-conversation .thread-list{display:none}.support-room .inbox-workspace.show-conversation .desk-conversation{display:flex}.support-room .chat-stream{padding:15px}.support-room .chat-compose{padding:10px;gap:9px}.support-room .chat-compose textarea{min-height:80px}.support-room .desk-header{padding:12px}.support-room .inbox-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.support-room .inbox-overview article{padding:8px}.support-room .inbox-overview article span{font-size:9px}}

.chat-stream{overflow-anchor:none;overscroll-behavior:contain}.chat-compose textarea{font-size:16px!important}.support-room .chat-compose textarea{min-height:96px}.support-room .chat-bubble{overflow-wrap:anywhere}
@media(max-width:760px){body.support-chat-active{overflow:hidden}.support-room .inbox-workspace.show-conversation{position:fixed;inset-inline:0;top:var(--chat-viewport-top,0px);width:100%;height:var(--chat-viewport-height,100dvh);min-height:0;max-height:none;margin:0;border-radius:0;border:0;z-index:100;box-sizing:border-box;background:#fff}.support-room .show-conversation .desk-conversation{height:100%;min-height:0;overflow:hidden}.support-room .show-conversation .desk-header{padding:8px 12px;gap:6px;max-height:145px;overflow-y:auto}.support-room .show-conversation .desk-header h3{font-size:15px;margin:0}.support-room .show-conversation .desk-header button{min-height:29px;font-size:10px;padding:5px 9px}.support-room .show-conversation .inbox-mobile-back{min-height:28px;padding:4px 9px}.support-room .show-conversation .support-price-settings{padding:7px 12px}.support-room .show-conversation .chat-tools{padding:4px 12px}.support-room .show-conversation .chat-history-tools{padding:4px 10px}.support-room .show-conversation .chat-stream{min-height:0;flex:1 1 0;padding:14px 12px}.support-room .show-conversation .chat-attachments{padding:5px 12px;gap:8px}.support-room .show-conversation .chat-compose{padding:8px 10px max(10px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 46px;gap:8px;flex-shrink:0}.support-room .show-conversation .chat-compose textarea{min-height:88px;height:88px;max-height:130px;resize:none;padding:10px 12px;line-height:1.6}.support-room .show-conversation .chat-compose>button[type=submit]{height:46px;width:46px;min-height:46px}.support-room .show-conversation .chat-compose .chat-draft,.support-room .show-conversation .chat-compose .chat-reply-draft{max-height:100px}.support-room .show-conversation .chat-error{max-height:42px;overflow:auto;padding:0 12px}.live-support .chat-compose textarea{min-height:54px;max-height:110px}.live-support .chat-panel{max-height:calc(var(--chat-viewport-height,100dvh) - 90px)}}
