
:root{--gold:#d3a54f;--bright:#f5d58e;--cream:#fcf9f2;--muted:#a5a7ab;--bg:#05080b;--motion-duration:4.8s}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05080b;color:var(--cream);font-family:Inter,'Segoe UI',Arial,sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}
.stage{position:relative;min-height:735px;height:min(890px,100svh);max-height:1080px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 82% 66%,#4c311c 0%,#17202a 40%,#05080b 78%)}
.stage:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg, #05080b 0%,#05080bee 16%,#05080bd5 31%,#05080b55 53%,transparent 80%),linear-gradient(0deg,#05080b 0%,transparent 26%,transparent 84%,#05080b8a 100%)}
.fog{position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse at 73% 54%,#bc73313e,transparent 36%),radial-gradient(ellipse at 60% 9%,#2431417a,transparent 50%)}
nav{position:relative;z-index:15;display:flex;align-items:center;justify-content:space-between;max-width:1540px;margin:auto;padding:28px 5.6%;gap:20px}
.logo{display:flex;flex-direction:column;width:100px;align-items:center;text-decoration:none;color:#fff;gap:0}.logo img{width:78px;height:61px;object-fit:contain}.logo span{font-size:9px;letter-spacing:3px;font-weight:700;margin-top:-5px;white-space:nowrap}
.navlinks{display:flex;gap:clamp(16px,2.6vw,42px);align-items:center}.navlinks a{color:#d5d5d5;text-decoration:none;font-size:13px;transition:.25s}.navlinks a:hover,.navlinks a:first-child{color:var(--bright)}
.actions{display:flex;gap:26px;align-items:center}.lang{color:#e0dfdd;font-size:13px;white-space:nowrap}.quote{border:1px solid #c69b4e;border-radius:50px;padding:14px 23px;background:#0005;color:#fff;white-space:nowrap;font-size:13px;transition:.25s}.quote:hover{background:#d3a54f;color:#111}
.content{position:relative;z-index:8;max-width:1540px;margin:auto;padding:clamp(90px,13vh,185px) 5.6% 0;pointer-events:none}.content>*{pointer-events:auto}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:6px;font-weight:600}.heading{margin:18px 0 26px;line-height:1.07;font-size:clamp(50px,6.4vw,105px);font-weight:400;letter-spacing:-3.7px}.heading b{display:block;color:var(--bright);font-weight:400}.sub{font-size:clamp(15px,1.55vw,19px);line-height:1.65;color:#d0d0d0;max-width:465px;margin:0 0 32px}.ctas{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.gold-btn{background:linear-gradient(155deg,#fae3a9,#bd8639);color:#18130b;border:0;border-radius:40px;padding:17px 30px;font-size:13px;font-weight:700;box-shadow:0 6px 35px #9e762625;transition:transform .25s}.gold-btn:hover{transform:translateY(-3px)}.ghost-btn{border:1px solid #ad8a50;background:#080c107f;color:#fff;padding:16px 25px;border-radius:40px;font-size:13px}.ghost-btn:hover{background:#d3a54f26}
.scene{position:absolute;z-index:1;right:-2%;top:12%;width:min(79%,1190px);height:83%;overflow:hidden;cursor:default}.globe{position:absolute;left:8%;top:-7%;width:min(69%,750px);aspect-ratio:1;object-fit:contain;filter:brightness(.8) saturate(.95);opacity:.87;animation:globeBreathe 15s ease-in-out infinite alternate}.shipping{position:absolute;bottom:-1%;right:-6%;width:105%;height:60%;object-fit:cover;object-position:60% 44%;mask-image:linear-gradient(0deg,#000 2%,#000 50%,transparent 100%);filter:brightness(.83) saturate(.85)}.scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#05080b65,transparent 46%),linear-gradient(0deg,#05080b55,transparent 35%)}
.crane{position:absolute;z-index:3;right:-5%;top:2%;width:87%;height:85%;filter:drop-shadow(0 0 8px #f2b85318);overflow:visible}.rig{stroke:#281d15;stroke-width:12;fill:none;stroke-linecap:round}.rigLight{stroke:#ad763c;stroke-width:2.2;fill:none;opacity:.7}.cable{stroke:#c7a05c;stroke-width:2;transform-origin:574px 160px}.container{transform-box:view-box;transform-origin:center;cursor:pointer;filter:drop-shadow(0 10px 20px #000b)}.container .outline{opacity:0;transition:opacity .3s}.container:hover .outline,.container:focus .outline,.stage.motion .container .outline{opacity:1}.hotspot{cursor:pointer;fill:transparent;outline:none}.hotspot:focus-visible{stroke:#f5d58e;stroke-width:2;fill:#f5d58e22}.stage.motion .container{animation:loadContainer var(--motion-duration) cubic-bezier(.23,.1,.25,1) both}.stage.motion .cable{animation:stretchCable var(--motion-duration) cubic-bezier(.23,.1,.25,1) both}.stage.motion .route{animation:drawRoute var(--motion-duration) ease both}.stage.motion .glowdot{animation:glowPulse var(--motion-duration) ease both}
.route{fill:none;stroke:#ffd185;stroke-width:2.4;stroke-dasharray:6 8;filter:drop-shadow(0 0 7px #fbc778);opacity:0;stroke-dashoffset:100}.glowdot{fill:#ffd37a;opacity:0;filter:drop-shadow(0 0 9px #ffca68)}
.hover-label{position:absolute;z-index:7;right:21%;top:31%;font-size:11px;letter-spacing:1px;color:#ffe1a3;border:1px solid #b48b5388;background:#040609b8;padding:10px 14px;border-radius:50px;pointer-events:none;animation:hint 2.8s infinite}.stage.motion .hover-label{opacity:0;animation:none}
.bottom{position:absolute;bottom:48px;left:5.6%;right:5.6%;z-index:9;display:flex;align-items:end;justify-content:space-between;gap:30px}.scroll{color:#b7b5b2;font-size:12px;display:flex;align-items:center;gap:12px}.mouse{width:22px;height:34px;border:1px solid #f8f7f1;border-radius:18px;display:inline-flex;align-items:flex-start;justify-content:center;padding:5px}.mouse::before{content:"";height:7px;width:2px;background:var(--gold);border-radius:2px;animation:wheel 2s ease-in-out infinite}.progress{display:flex;gap:20px;align-items:center}.progress .label{color:#e1c48e;font-size:10px;letter-spacing:2px}.line{height:1px;width:95px;background:linear-gradient(90deg,var(--gold) 40%,#ffffff24 40%)}.demo-control{background:#0a0d11b9;border:1px solid #d2a3538c;color:#f7ddaa;border-radius:999px;padding:13px 19px;display:flex;align-items:center;gap:9px;font-size:12px}.demo-control:hover{background:#d2a35325}
.intro{background:#070b0f;border-top:1px solid #bd934823;max-width:none;padding:28px 5.6%;display:flex;gap:16px;align-items:center;justify-content:space-between;color:#aab0b6}.intro h2{font-size:17px;letter-spacing:.2px;color:#f1e3c5;font-weight:400;margin:0 0 8px}.intro p{font-size:12px;line-height:1.7;margin:0}.small{font-size:11px;color:#acadb0}.mini-label{color:#d7af62;font-size:11px;letter-spacing:2px}.demo-panel{display:flex;align-items:center;gap:12px}.status{font-size:12px;color:#d7b46c;min-width:120px}
@keyframes globeBreathe{from{transform:rotate(-2deg) scale(.99);filter:brightness(.72)}to{transform:rotate(2deg) scale(1.025);filter:brightness(.9)}}
@keyframes loadContainer{0%,12%{transform:translate(0,0)}28%{transform:translate(0,-11px)}42%{transform:translate(-25px,-12px)}72%{transform:translate(-39px,114px)}84%,100%{transform:translate(-39px,114px)}}
@keyframes stretchCable{0%,38%{transform:scaleY(1)}78%,100%{transform:scaleY(1.8)}}
@keyframes drawRoute{0%,55%{opacity:0;stroke-dashoffset:120}74%{opacity:.9}100%{opacity:1;stroke-dashoffset:0}}
@keyframes glowPulse{0%,50%{opacity:0}70%{opacity:1}100%{opacity:.5}}
@keyframes wheel{0%{transform:translateY(0)}50%{transform:translateY(8px)}100%{transform:translateY(0)}}@keyframes hint{50%{transform:translateY(-5px)}}
@media(max-width:900px){.navlinks{display:none}.stage{min-height:740px;height:100svh}.content{padding-top:120px}.heading{font-size:clamp(48px,8vw,78px)}.scene{width:100%;right:-15%;top:19%;height:73%}.globe{left:29%;top:3%;width:65%}.shipping{width:100%;height:51%;right:0}.crane{width:85%;top:10%;right:-12%}.hover-label{right:12%;top:36%}.content{z-index:9}.sub{max-width:330px}.bottom{bottom:34px}.scroll,.progress{display:none}}
@media(max-width:580px){nav{padding:20px 6%}.logo{width:73px}.logo img{width:56px;height:45px}.logo span{font-size:7px;letter-spacing:2px}.quote{padding:11px 13px;font-size:10px}.lang{font-size:11px}.actions{gap:10px}.stage{height:820px;min-height:820px;max-height:none}.content{padding:102px 6% 0}.eyebrow{font-size:10px;letter-spacing:4px}.heading{font-size:clamp(49px,13vw,67px);letter-spacing:-2.2px;margin:16px 0 16px}.sub{font-size:14px;max-width:280px}.ctas{gap:9px}.gold-btn,.ghost-btn{font-size:11px;padding:14px 16px}.scene{top:38%;right:-14%;width:118%;height:60%}.globe{left:22%;width:73%;top:-2%}.shipping{height:62%;bottom:0;right:-4%}.crane{width:95%;top:-9%;right:-8%}.hover-label{top:33%;right:17%;padding:8px 10px;font-size:10px}.bottom{left:6%;right:6%;bottom:28px;justify-content:flex-end}.intro{padding:23px 6%;display:block}.intro .demo-panel{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.globe,.mouse:before,.hover-label{animation:none}.stage.motion .container,.stage.motion .cable,.stage.motion .route,.stage.motion .glowdot{animation-duration:.01ms}.scene{scroll-behavior:auto}}


:root{--border:#cfa45c29;--panel:#0a0f13}
body{background:#05080b}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #f1cd85;outline-offset:3px}
.site-nav{padding-top:18px;padding-bottom:18px}.site-nav .navlinks a:first-child{color:var(--bright)}
.logo img{object-fit:contain}.language-label{display:flex;align-items:center;gap:6px;font-size:18px;color:#e9bd76}
.language-label select{appearance:none;border:none;background:#0b1115;color:#fff;font-size:13px;padding:8px 7px;border-radius:7px;cursor:pointer}
.menu-toggle{display:none;border:1px solid #d3a54f55;border-radius:9px;background:#090b10;color:#f4d48b;font-size:18px;padding:8px 13px}
.mobile-menu{position:absolute;top:85px;left:5%;right:5%;z-index:50;background:#0b1016f5;border:1px solid #d3a54f55;border-radius:16px;padding:14px;display:none;flex-direction:column;gap:0;box-shadow:0 15px 50px #000c}
.mobile-menu.open{display:flex}.mobile-menu a{padding:12px;border-bottom:1px solid #ffffff12}
.content{padding-top:clamp(95px,14vh,170px)}
.ctas a{display:inline-flex;align-items:center;justify-content:center}
.stage .globe{animation-duration:24s}
.stage .container .outline{display:none !important}
.container{filter:brightness(.85) saturate(.74) drop-shadow(0 10px 20px #000b)}
.hotspot:hover + *{outline:none}
.stage .route{stroke-dasharray:none;stroke-width:2.7;stroke-dashoffset:0;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 6px #efb561)}
.stage.motion .route{animation:arrowReveal 4.8s ease both}
@keyframes arrowReveal{0%,62%{opacity:0;stroke-dasharray:2 360;stroke-dashoffset:360}75%{opacity:.9;stroke-dasharray:200 360;stroke-dashoffset:160}100%{opacity:1;stroke-dasharray:none;stroke-dashoffset:0}}
.stage.motion .container{animation:loadContainer 4.8s cubic-bezier(.23,.1,.25,1) both}
.bottom .scroll{border:none;cursor:pointer}.scene .shipping{filter:brightness(.85) saturate(.87)}
.section{position:relative;padding:100px 5.6%;border-top:1px solid #ffffff0e;overflow:hidden}
.section-wrap{max-width:1370px;margin:0 auto}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}
.section-kicker{font-size:10px;letter-spacing:4px;color:#d5ae6d;font-weight:600;text-transform:uppercase}
.section h2{font-size:clamp(31px,4.15vw,59px);line-height:1.12;font-weight:450;letter-spacing:-1.5px;margin:14px 0;color:#fff}
.section p{line-height:1.7;color:#a8abb0;font-size:15px}
.text-link{border:1px solid #d0a7626c;color:#e3c48a;padding:13px 20px;border-radius:6px;white-space:nowrap;font-size:12px;transition:.2s}
.text-link:hover{background:#d0a76222}
.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.product-card{position:relative;min-height:300px;border:1px solid #d4b16a2a;border-radius:12px;background:#0a0f14;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}
.product-card:hover{transform:translateY(-6px);border-color:#d3a85d90}
.product-img{height:174px;background:#121a21;overflow:hidden}
.product-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s}
.product-card:hover .product-img img{transform:scale(1.06)}
.product-title{font-size:14px;font-weight:550;line-height:1.5;flex:1;padding:21px 18px 10px}
.product-bottom{padding:0 18px 20px;color:#dfb979;font-size:18px}
.category-note{display:flex;gap:12px;align-items:center;color:#8d9399;font-size:12px;margin-top:22px}
.category-note:before{content:"";width:24px;height:1px;background:#cda65e}
.services{background:radial-gradient(ellipse at 15% 20%,#15202c66,transparent 47%),#070b0e}
.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.service{min-height:175px;background:linear-gradient(140deg,#121920bd,#080c10);border:1px solid #ba925128;border-radius:12px;padding:24px 18px;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.service svg{width:30px;height:30px;stroke:#d5a75a;stroke-width:1.35;fill:none}
.service strong{font-weight:500;font-size:14px;line-height:1.5}
.logistics{min-height:350px;background:radial-gradient(circle at 82% 25%,#c79c3924,transparent 30%),linear-gradient(100deg,#070b0f 0%,#0c151a 70%,#07090e)}
.logistics-content{max-width:700px}
.logistics-diagram{position:absolute;right:5%;bottom:35px;width:47%;max-width:650px;opacity:.83;filter:brightness(.68)}
.logistics .section-wrap{position:relative;z-index:2}
.logistics-line{border-top:1px solid #cba45c36;margin:40px 0 0;display:flex;justify-content:space-between;gap:30px;max-width:750px;padding-top:20px}
.logistics-line span{font-size:12px;color:#d2b06e;letter-spacing:.4px}
.about{background:radial-gradient(circle at 83% 45%,#8e6b2c1f,transparent 35%),#090c0f}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-visual{position:relative;min-height:290px;background:linear-gradient(90deg,#03050955,#0b0e0c1f),url('assets/globe.webp') center 20%/contain no-repeat;border:1px solid #cb994324;border-radius:16px}
.about-visual:after{content:"GLOBAL CONNECTIONS";position:absolute;bottom:28px;left:30px;color:#e1b86e;font-size:12px;letter-spacing:4px}
.about .facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
.about .fact{padding:14px;background:#14171877;border:1px solid #ffffff13;border-radius:8px;color:#d9cfbc;font-size:12px}
.why{background:radial-gradient(circle at 20% 90%,#d4a34b12,transparent 30%),#06090c}
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.why-card{display:flex;gap:14px;align-items:center;background:#11161a95;border:1px solid #d0a56420;border-radius:9px;padding:22px}
.why-card .spark{color:#d3ae70;font-size:24px}
.why-card span:last-child{font-size:14px;line-height:1.5}
.contact{background:radial-gradient(ellipse at 87% 20%,#96632b3d,transparent 47%),#090d10}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}
.contact-info h2{font-size:clamp(42px,4.3vw,65px)}.contact-info .small-print{font-size:13px;margin-top:22px}
.contact-form{border:1px solid #d1a45734;border-radius:15px;padding:28px;background:#0b0e12c7;box-shadow:0 30px 80px #0006}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:11px;color:#b7a884}
.field input,.field textarea{width:100%;padding:15px 14px;border:1px solid #ffffff19;border-radius:7px;background:#14181c;color:#fff;font:inherit;font-size:13px}
.field input::placeholder,.field textarea::placeholder{color:#798086}
.field input:focus,.field textarea:focus{border-color:#d3a75b}
.field textarea{min-height:115px;resize:vertical}
.full{grid-column:1/-1}
.form-submit{background:linear-gradient(145deg,#f6dfa5,#c79743);width:100%;border:0;color:#18120b;border-radius:8px;font-weight:650;padding:17px;cursor:pointer}
.form-submit:hover{filter:brightness(1.08)}
.form-note{font-size:12px !important;color:#bdad8c !important;margin:14px 0 0}
#quoteResult{margin-top:18px;display:none;background:#141920;border:1px solid #bd995e88;border-radius:8px;padding:15px}
#quoteResult.open{display:block}#quoteResult p{font-size:12px;white-space:pre-wrap;color:#e4dfd5}
.copy-button{padding:10px 14px;border:1px solid #ddbd80;color:#efcf91;border-radius:6px;background:#21180e;cursor:pointer}
.footer{background:#040608;border-top:1px solid #d4aa5330;padding:45px 5.6% 25px}
.footer-top{max-width:1370px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px}
.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:70px;height:62px;object-fit:contain}.footer-brand strong{font-weight:500;letter-spacing:4px;font-size:13px}
.footer-links{display:flex;gap:26px;flex-wrap:wrap;font-size:12px;color:#b7b9bb}
.footer-bottom{max-width:1370px;margin:25px auto 0;padding-top:18px;border-top:1px solid #ffffff17;display:flex;gap:15px;justify-content:space-between;font-size:11px;color:#858a8e}
.prototype-label{display:inline-block;padding:7px 12px;border:1px solid #d9b56d62;border-radius:7px;background:#17140e;color:#e7c88f;font-size:11px;letter-spacing:.2px}
[dir="rtl"] body,[dir="rtl"] .site-nav,[dir="rtl"] .section{font-family:Tahoma,'Segoe UI',Arial,sans-serif}
[dir="rtl"] .content{text-align:right;direction:rtl}
[dir="rtl"] .content .sub{margin-left:0;margin-right:0}
[dir="rtl"] .content .ctas{justify-content:flex-start}
[dir="rtl"] .scene{left:-9%;right:auto}
[dir="rtl"] .section-head{text-align:right}
[dir="rtl"] .contact-form,[dir="rtl"] .section,[dir="rtl"] .footer{text-align:right}
[dir="rtl"] .site-nav{direction:ltr}
[dir="rtl"] .site-nav .navlinks,[dir="rtl"] .site-nav .actions{direction:rtl}
[dir="rtl"] .about-visual:after{left:auto;right:30px}
[dir="rtl"] .form-grid,[dir="rtl"] .why-grid{direction:rtl}
[dir="rtl"] .field input,[dir="rtl"] .field textarea{direction:rtl}
[dir="rtl"] .contact-grid{direction:rtl}
[dir="rtl"] .logo,[dir="rtl"] .quote{direction:ltr}
@media(min-width:901px){[dir="rtl"] .content{max-width:1540px;padding-right:6%;padding-left:6%}[dir="rtl"] .content>*{max-width:580px;margin-left:0;margin-right:0}[dir="rtl"] .content .ctas{max-width:580px}[dir="rtl"] .scene{width:73%;left:-5%}}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,1fr)}.services-grid{grid-template-columns:repeat(3,1fr)}.contact-grid{gap:32px}.about-grid{gap:30px}}
@media(max-width:900px){.menu-toggle{display:block}.actions .quote{display:none}.mobile-menu{top:82px}.section{padding:70px 6%}.logistics-diagram{position:static;max-width:100%;width:100%;height:220px;object-fit:contain}.logistics{padding-bottom:20px}[dir="rtl"] .scene{left:-20%;right:auto}}
@media(max-width:610px){.section{padding:64px 6%}.section h2{font-size:35px}.product-grid{grid-template-columns:repeat(2,1fr);gap:11px}.product-card{min-height:236px}.product-img{height:140px}.product-title{font-size:12px;padding:14px 12px 4px}.product-bottom{padding:0 12px 14px}.services-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service{min-height:148px;padding:17px;gap:20px}.service strong{font-size:12px}.section-head{align-items:flex-start}.section-head .text-link{font-size:10px;padding:10px}.about-grid,.contact-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}.about-visual{min-height:250px}.contact-form{padding:17px}.form-grid{grid-template-columns:1fr}.full{grid-column:1}.footer-top{flex-direction:column;align-items:flex-start}.footer-bottom{flex-direction:column}.logistics-line{gap:14px}.logistics-line span{font-size:10px}.scene .crane{right:-8%}.stage{min-height:820px}}
@media(max-width:390px){.product-grid{grid-template-columns:1fr 1fr}.product-img{height:110px}.why-grid{grid-template-columns:1fr}.ctas .gold-btn,.ctas .ghost-btn{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.container {filter:brightness(.91) saturate(.90) drop-shadow(0 10px 22px #000c)}
@media(max-width:580px){.scene{top:41%}.hover-label{top:32%}}

/* V3 verified catalog and quick enquiry */
.verified-product-art{height:190px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 65% 20%,#50432a 0%,#151b20 55%,#080c10 100%);border-bottom:1px solid #bca26b33}.verified-product-art span{font-size:72px;color:#d6ae64;text-shadow:0 8px 35px #eeb95e55}.art-2,.art-6{background:radial-gradient(circle,#273033,#080a10 70%)}.art-3,.art-4{background:radial-gradient(circle,#4b3420,#090b0f 70%)}.quick-section{background:linear-gradient(120deg,#0b1118,#17130e)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.quick-grid h2{font-size:clamp(26px,4vw,48px)}.quick-grid .contact-form{display:grid;gap:13px}.quick-grid input,.quick-grid textarea{width:100%;padding:13px;border:1px solid #c2a36e55;border-radius:8px;background:#111820;color:#fff;font:inherit}.quick-grid label{color:#dfd5c3}.quick-grid .form-submit{margin-top:9px}.quick-grid .copy-button{width:max-content}@media(max-width:800px){.quick-grid{grid-template-columns:1fr;gap:20px}}
