:root{--qrl-blue:#3b82f6;--qrl-blue-deep:#2563eb;--qrl-blue-soft:#eff6ff;--qrl-grad:linear-gradient(115deg,#4f8df9,#38bdf8 55%,#2dd4bf);--qrl-text:#1e293b;--qrl-text-2:#64748b;--qrl-border:#e5e7eb;--qrl-bg:#f7f9fc;--qrl-footer:#11151f;--qrl-r:16px;--qrl-sh-sm:0 1px 3px rgba(30,41,59,.07);--qrl-sh-md:0 12px 32px rgba(30,64,175,.12)}.qrl *,.qrl :after,.qrl :before{box-sizing:border-box;margin:0;padding:0}.qrl{font-family:Pretendard,-apple-system,Segoe UI,Noto Sans Thai,sans-serif;color:var(--qrl-text);line-height:1.6;letter-spacing:-.01em;background:#fff}.qrl a:not(.qrl-btn){text-decoration:none;color:inherit}.qrl a.qrl-btn{text-decoration:none}.qrl h1,.qrl h2,.qrl h3{letter-spacing:-.025em;line-height:1.3}.qrl section{padding:90px 0}.qrl-wrap{max-width:1140px;margin:0 auto;padding:0 24px}.qrl-eyebrow{font-size:13px;color:var(--qrl-blue-deep);text-transform:uppercase;letter-spacing:.1em}.qrl-eyebrow,.qrl-sec-title{font-weight:800;margin-bottom:12px}.qrl-sec-title{font-size:34px}.qrl-sec-sub{color:var(--qrl-text-2);font-size:17px;max-width:600px}.qrl-center{text-align:center}.qrl-center .qrl-sec-sub{margin:0 auto}.qrl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;padding:13px 26px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:all .2s;font-family:inherit}.qrl .qrl-btn-blue,.qrl-btn-blue{background:var(--qrl-blue);color:#fff}.qrl .qrl-btn-blue:hover,.qrl-btn-blue:hover{background:var(--qrl-blue-deep);box-shadow:var(--qrl-sh-md);transform:translateY(-1px);color:#fff}.qrl .qrl-btn-white,.qrl-btn-white{background:#fff;color:var(--qrl-text)}.qrl .qrl-btn-white:hover,.qrl-btn-white:hover{box-shadow:var(--qrl-sh-md);transform:translateY(-1px);color:var(--qrl-text)}.qrl .qrl-btn-ghost,.qrl-btn-ghost{background:transparent;color:var(--qrl-text);padding:10px 14px;font-weight:600}.qrl .qrl-btn-ghost:hover,.qrl-btn-ghost:hover{color:var(--qrl-blue-deep)}.qrl .qrl-btn-outline-w,.qrl-btn-outline-w{border:1.5px solid hsla(0,0%,100%,.7);color:#fff;background:transparent}.qrl .qrl-btn-outline-w:hover,.qrl-btn-outline-w:hover{background:hsla(0,0%,100%,.12);color:#fff}.qrl-pill{display:inline-block;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700}.qrl-gnb-outer{position:fixed;top:14px;left:0;right:0;z-index:50;padding:0 16px}.qrl-gnb{max-width:1140px;margin:0 auto;background:hsla(0,0%,100%,.92);backdrop-filter:blur(14px);border-radius:999px;box-shadow:var(--qrl-sh-sm);display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 24px;transition:box-shadow .25s}.qrl-gnb.scrolled{box-shadow:var(--qrl-sh-md)}.qrl-logo{font-size:19px;font-weight:800;color:var(--qrl-blue-deep);letter-spacing:-.03em;display:flex;align-items:center;gap:7px}.qrl-logo .mark{width:26px;height:26px;border-radius:8px;background:var(--qrl-grad);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:13px}.qrl-menu{display:flex;gap:26px;font-size:14.5px;font-weight:600;color:var(--qrl-text-2)}.qrl-menu a:hover{color:var(--qrl-blue-deep)}.qrl-nav-r{display:flex;align-items:center;gap:6px}.qrl-nav-r .qrl-btn{padding:9px 20px;font-size:14px}.qrl-lang{position:relative;isolation:isolate}.qrl-lang-btn{display:flex;align-items:center;gap:5px;border:1px solid var(--qrl-border);background:#fff;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}.qrl-lang-btn:hover{border-color:var(--qrl-blue)}.qrl-lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--qrl-border);border-radius:14px;box-shadow:0 12px 40px rgba(30,41,59,.18);overflow:hidden;display:none;min-width:160px;z-index:9999}.qrl-lang.open .qrl-lang-menu{display:block}.qrl-lang-menu button{display:block;width:100%;text-align:left;padding:11px 16px;border:0;background:#fff;font-size:14px;font-family:inherit;cursor:pointer;font-weight:600;color:var(--qrl-text)}.qrl-lang-menu button.on,.qrl-lang-menu button:hover{background:var(--qrl-blue-soft);color:var(--qrl-blue-deep)}.qrl-hero{background:var(--qrl-grad);padding:104px 0 0;color:#fff;overflow:hidden;position:relative}.qrl-hero:after{content:"";position:absolute;top:-30%;right:-12%;width:60%;height:140%;background:radial-gradient(closest-side,hsla(0,0%,100%,.18),transparent 70%);pointer-events:none}.qrl-hero-grid{display:grid;grid-template-columns:6fr 6fr;gap:40px;align-items:center;position:relative;z-index:2;padding-bottom:90px}.qrl-hero h1{font-size:44px;font-weight:800;margin-bottom:18px;line-height:1.28}.qrl-hero-sub{font-size:18px;opacity:.92;margin-bottom:32px;max-width:480px}.qrl-hero-cta{display:flex;gap:12px;flex-wrap:wrap}.qrl-banner-slot{position:relative;min-height:500px}.qrl-banner-frame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-top:40px}@keyframes qrl-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes qrl-floaty2{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes qrl-floaty3{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(-2deg)}}.qrl-float-wrap{animation:qrl-floaty 5.5s ease-in-out infinite}.qrl-tag1{animation:qrl-floaty2 5.5s ease-in-out infinite;animation-delay:.6s}.qrl-tag2{animation:qrl-floaty3 5.5s ease-in-out infinite;animation-delay:1.1s}.qrl-mock-qr-float{animation:qrl-floaty 5.5s ease-in-out infinite;animation-delay:1.6s}@media(prefers-reduced-motion:reduce){.qrl-float-wrap,.qrl-mock-qr-float,.qrl-tag1,.qrl-tag2{animation:none}}.qrl-mock-phone{width:225px;height:430px;border-radius:34px;background:#0f172a;padding:10px;box-shadow:0 30px 60px rgba(2,32,71,.35);transform:rotate(-6deg)}.qrl-mock-screen{width:100%;height:100%;border-radius:26px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.qrl-mock-top{height:42px;background:var(--qrl-blue-soft);display:flex;align-items:center;padding:0 14px;font-size:11px;font-weight:800;color:var(--qrl-blue-deep);flex:none}.qrl-mock-book{flex:1;margin:12px;border-radius:12px;background:linear-gradient(135deg,#e0ecff,#f1f7ff);position:relative;overflow:hidden}.qrl-mock-book img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.qrl-pslide{opacity:0;transition:opacity .8s ease;position:absolute;inset:0}.qrl-pslide.on{opacity:1}.qrl-pdots{position:absolute;bottom:8px;left:0;right:0;display:flex;gap:5px;justify-content:center;z-index:3}.qrl-pdots i{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.55);transition:all .3s;display:block}.qrl-pdots i.on{background:#fff;width:16px;border-radius:3px}.qrl-mock-tag{position:absolute;background:#fff;border-radius:12px;box-shadow:var(--qrl-sh-md);padding:10px 14px;font-size:12px;font-weight:700;color:var(--qrl-text)}.qrl-mock-tag small{display:block;font-weight:600;color:var(--qrl-text-2);font-size:11px}.qrl-tag1{top:12%;right:4%;transform:rotate(2deg)}.qrl-tag2{bottom:16%;left:0;transform:rotate(-2deg)}.qrl-mock-qr{position:absolute;bottom:6%;right:10%;width:84px;height:84px;border-radius:14px;background:#fff;box-shadow:var(--qrl-sh-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.qrl-mock-qr canvas,.qrl-mock-qr img{width:64px!important;height:64px!important}.qrl-clients{padding:56px 0;background:#fff}.qrl-clients p{text-align:center;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--qrl-text-2);text-transform:uppercase;margin-bottom:26px}.qrl-logo-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.qrl-logo-chip{border:1px solid var(--qrl-border);border-radius:999px;padding:9px 22px;font-size:13.5px;font-weight:700;color:#94a3b8;background:#fff}.qrl-stats{background:var(--qrl-bg)}.qrl-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.qrl-stat{background:#fff;border-radius:var(--qrl-r);padding:30px;box-shadow:var(--qrl-sh-sm);position:relative;overflow:hidden;border:1px solid var(--qrl-border)}.qrl-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--qrl-grad)}.qrl-stat .ic{width:48px;height:48px;border-radius:12px;background:var(--qrl-blue-soft);display:flex;align-items:center;justify-content:center;font-size:22px;margin:8px 0 22px}.qrl-stat b{display:block;font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.qrl-stat span{font-size:14.5px;color:var(--qrl-text-2)}.qrl-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:42px}.qrl-fcard{background:var(--qrl-blue-soft);border-radius:20px;padding:36px;transition:all .25s;overflow:hidden;position:relative}.qrl-fcard:hover{transform:translateY(-5px);box-shadow:var(--qrl-sh-md)}.qrl-fcard .cat{font-size:13px;color:var(--qrl-blue-deep);display:flex;align-items:center;gap:6px}.qrl-fcard .cat,.qrl-fcard h3{font-weight:800;margin-bottom:10px}.qrl-fcard h3{font-size:21px}.qrl-fcard p{font-size:14.5px;color:var(--qrl-text-2);margin-bottom:24px}.qrl-mini{background:#fff;border-radius:14px;box-shadow:var(--qrl-sh-sm);padding:16px}.qrl-mini .bar{height:10px;border-radius:5px;background:#e2e8f0;margin-bottom:10px}.qrl-mini .bar.b60{width:60%}.qrl-mini .bar.b85{width:85%}.qrl-mini .rowflex{display:flex;gap:10px}.qrl-mini .cell{flex:1;height:54px;border-radius:8px;background:linear-gradient(135deg,#e0ecff,#f1f7ff)}.qrl-mini .url{font-family:ui-monospace,monospace;font-size:13px;color:var(--qrl-blue-deep);background:var(--qrl-blue-soft);border-radius:8px;padding:10px 12px;font-weight:700}.qrl-mini .payrow{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;padding:8px 0;border-bottom:1px solid var(--qrl-border)}.qrl-mini .payrow:last-child{border:0}.qrl-ok{color:#15803d;background:#dcfce7}.qrl-wait{color:#b45309;background:#fef3c7}.qrl-tool{background:var(--qrl-bg)}.qrl-tool-grid{display:grid;grid-template-columns:5fr 7fr;gap:22px;margin-top:42px}.qrl-panel{background:#fff;border-radius:var(--qrl-r);padding:26px;box-shadow:var(--qrl-sh-sm)}.qrl-panel h3{font-size:15px;font-weight:800;margin-bottom:18px}.qrl-field{margin-bottom:15px}.qrl-field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.qrl-field label small{font-weight:500;color:var(--qrl-text-2)}.qrl-field input[type=text],.qrl-field select{width:100%;padding:11px 13px;border:1px solid var(--qrl-border);border-radius:12px;font-size:14px;font-family:inherit;transition:all .2s;background:#fff}.qrl-field input:focus,.qrl-field select:focus{outline:none;border-color:var(--qrl-blue);box-shadow:0 0 0 3px rgba(59,130,246,.18)}.qrl-field input[type=range]{width:100%;accent-color:var(--qrl-blue)}.qrl-row2{display:flex;gap:12px}.qrl-row2>div{flex:1}.qrl-colorbox{display:flex;align-items:center;gap:8px;border:1px solid var(--qrl-border);border-radius:12px;padding:6px 10px}.qrl-colorbox input[type=color]{width:28px;height:28px;border:0;background:none;cursor:pointer;padding:0}.qrl-colorbox span{font-size:12px;color:var(--qrl-text-2);font-family:ui-monospace,monospace;text-transform:uppercase}.qrl-toggle-row{display:flex;align-items:center;justify-content:space-between;background:var(--qrl-blue-soft);border-radius:12px;padding:11px 14px;margin-bottom:15px}.qrl-toggle-row span{font-size:13.5px;font-weight:700}.qrl-switch{position:relative;width:42px;height:24px;border-radius:999px;background:#cbd5e1;border:0;cursor:pointer;transition:all .2s;flex-shrink:0}.qrl-switch.on{background:var(--qrl-blue)}.qrl-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:all .2s;box-shadow:var(--qrl-sh-sm)}.qrl-switch.on:after{left:20px}.qrl-err{color:#b91c1c;font-size:12.5px;margin-top:6px;min-height:18px}.qrl-logo-up{display:flex;align-items:center;gap:8px}.qrl-logo-btn{display:inline-flex;align-items:center;gap:6px;border:1px dashed var(--qrl-blue);color:var(--qrl-blue-deep);border-radius:12px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.qrl-logo-btn:hover{background:var(--qrl-blue-soft)}.qrl-logo-clear{border:1px solid var(--qrl-border);background:#fff;border-radius:10px;padding:8px 12px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;color:var(--qrl-text-2)}.qrl-logo-clear:hover{border-color:#ef4444;color:#ef4444}.qrl-logo-hint{font-size:11.5px;color:var(--qrl-text-2);margin-top:7px}.qrl-preview-area{flex:1;display:flex;align-items:center;justify-content:center;border:1.5px dashed #bfdbfe;border-radius:14px;background:var(--qrl-bg);min-height:230px;padding:20px;overflow:auto}.qrl-preview-area canvas,.qrl-preview-area img,.qrl-preview-area svg{max-width:100%}.qrl-ready{margin-top:20px}.qrl-ready p{font-size:14px;font-weight:700;margin-bottom:12px}.qrl-dl-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.qrl-dl-card{border:1px solid var(--qrl-border);border-radius:14px;background:#fff;padding:14px;text-align:center;cursor:pointer;transition:all .2s;font-family:inherit}.qrl-dl-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--qrl-sh-md);border-color:var(--qrl-blue)}.qrl-dl-card:disabled{opacity:.4;cursor:not-allowed}.qrl-dl-card .ext{display:inline-block;font-size:11px;font-weight:800;color:#fff;background:var(--qrl-blue);border-radius:6px;padding:2px 9px;margin-bottom:6px;letter-spacing:.04em}.qrl-dl-card div{font-size:12.5px;color:var(--qrl-text-2)}.qrl-tool-cta{margin-top:24px;background:var(--qrl-grad);border-radius:18px;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#fff}.qrl-tool-cta p{font-size:15.5px;font-weight:600}.qrl-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.qrl-pcard{background:#fff;border:1px solid var(--qrl-border);border-radius:20px;padding:32px;box-shadow:var(--qrl-sh-sm);position:relative;display:flex;flex-direction:column;transition:all .25s}.qrl-pcard:hover{transform:translateY(-4px);box-shadow:var(--qrl-sh-md)}.qrl-pcard.featured{border:2px solid var(--qrl-blue)}.qrl-pcard .pop{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--qrl-blue);color:#fff}.qrl-pcard h3{font-size:16px;font-weight:800}.qrl-pcard .price{font-size:36px;font-weight:800;margin:10px 0 2px}.qrl-pcard .price small{font-size:14px;font-weight:600;color:var(--qrl-text-2)}.qrl-pcard ul{list-style:none;margin:18px 0 24px;flex:1}.qrl-pcard li{font-size:14px;color:var(--qrl-text-2);padding:6px 0;display:flex;gap:8px}.qrl-pcard li:before{content:"✓";color:var(--qrl-blue);font-weight:800}.qrl-pnote{margin-top:22px;text-align:center;font-size:13px;color:var(--qrl-text-2)}.qrl-cta-band{background:var(--qrl-grad);color:#fff;padding:78px 0}.qrl-cta-band .qrl-wrap{text-align:center;display:flex;flex-direction:column;align-items:center}.qrl-cta-band .qrl-eyebrow{color:hsla(0,0%,100%,.85)}.qrl-cta-band h2{font-size:32px;font-weight:800;margin-bottom:24px;max-width:720px;margin-left:auto;margin-right:auto}.qrl-footer{background:var(--qrl-footer);color:#cbd5e1;padding:64px 0 36px}.qrl-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px}.qrl-foot-grid h4{color:#fff;font-size:14px;margin-bottom:14px}.qrl-foot-grid a{display:block;font-size:13.5px;color:#94a3b8;padding:4px 0}.qrl-foot-grid a:hover{color:#fff}.qrl-foot-info{font-size:13px;color:#94a3b8;line-height:1.8}.qrl-foot-bottom{border-top:1px solid #1f2937;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#64748b}.qrl-foot-bottom select{background:#1a2030;border:1px solid #2b3344;color:#cbd5e1;border-radius:999px;padding:8px 14px;font-size:13px;font-family:inherit;cursor:pointer}.qrl-foot-logo{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.03em;gap:7px;margin-bottom:14px}.qrl .edbar,.qrl-foot-logo{display:flex;align-items:center}.qrl .edbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#0f172a;color:#e2e8f0;padding:0 20px;height:52px;justify-content:space-between;gap:16px;font-size:13px;box-shadow:0 2px 12px rgba(0,0,0,.3)}.qrl .edbar .grp{display:flex;align-items:center;gap:10px}.qrl .edbar .pill{background:#1e3a5f;color:#93c5fd;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.qrl .edbar .warn{color:#fbbf24}.qrl .edbar .lang-sw{display:flex;border:1px solid #334155;border-radius:8px;overflow:hidden}.qrl .edbar .lang-sw button{border:0;background:none;color:#94a3b8;padding:5px 12px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit}.qrl .edbar .lang-sw button.on{background:#1e40af;color:#fff}.qrl .edbar .save{background:#2563eb;color:#fff;border:0;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.qrl .edbar .save:disabled{opacity:.5;cursor:not-allowed}.qrl .edbar .exit{background:#334155;color:#e2e8f0;border:0;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.qrl .edbar .exit:hover{background:#475569}.qrl.edit .qrl-gnb-outer{top:66px}.qrl.edit .qrl-hero{padding-top:158px}.qrl-editable{outline:none;border-radius:3px}.qrl.edit .qrl-editable{background:rgba(59,130,246,.08);cursor:text;border-bottom:1px dashed rgba(59,130,246,.4)}.qrl.edit .qrl-editable:hover{background:rgba(59,130,246,.14)}.qrl.edit .qrl-editable:focus{background:rgba(59,130,246,.18);box-shadow:0 0 0 2px rgba(59,130,246,.3)}.qrl-img-slot{position:relative}.qrl-img-slot .qrl-img-up{display:block;margin-top:8px;background:rgba(59,130,246,.1);border:1px dashed var(--qrl-blue);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--qrl-blue-deep);cursor:pointer;text-align:center}.qrl-img-slot .qrl-img-up input{display:none}.qrl .toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#0f172a;color:#e2e8f0;padding:12px 24px;border-radius:999px;font-size:13.5px;font-weight:600;box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:200;white-space:nowrap}.qrl-adm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.qrl-adm-modal{background:#fff;border-radius:20px;padding:40px 36px 32px;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.25);text-align:center}.qrl-adm-logo{font-size:22px;font-weight:800;color:#1e293b;margin-bottom:16px}.qrl-adm-modal h2{font-size:22px;font-weight:800;color:#0f172a;margin:0 0 6px}.qrl-adm-modal p{font-size:13px;color:#64748b;margin:0 0 24px}.qrl-adm-field{text-align:left;margin-bottom:14px}.qrl-adm-field label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.qrl-adm-field input{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14.5px;color:#0f172a;font-family:inherit;box-sizing:border-box;transition:border-color .15s;outline:none}.qrl-adm-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.qrl-adm-error{color:#ef4444;font-size:13px;margin:-6px 0 10px;text-align:left}.qrl-adm-submit{width:100%;padding:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:0;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;margin-top:4px;transition:opacity .15s}.qrl-adm-submit:hover{opacity:.9}.qrl-adm-submit:disabled{opacity:.55;cursor:not-allowed}.qrl-adm-cancel{margin-top:14px;background:none;border:0;color:#94a3b8;font-size:13px;cursor:pointer;font-family:inherit;padding:4px 8px}.qrl-adm-cancel:hover{color:#64748b}@media(max-width:900px){.qrl-menu{display:none}.qrl-hero{padding-top:116px}.qrl-hero-grid{grid-template-columns:1fr;padding-bottom:60px}.qrl-hero h1{font-size:32px}.qrl-banner-slot{min-height:480px}.qrl-banner-frame{padding-top:20px}.qrl-fgrid,.qrl-pgrid,.qrl-stat-grid,.qrl-tool-grid{grid-template-columns:1fr}.qrl-foot-grid{grid-template-columns:1fr 1fr}}.qrl-portfolio{background:var(--qrl-bg)}.qrl-pgallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.qrl-pcard-item{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--qrl-border);box-shadow:var(--qrl-sh-sm);transition:transform .18s,box-shadow .18s;text-decoration:none;color:inherit}.qrl-pcard-item:hover{transform:translateY(-4px);box-shadow:var(--qrl-sh-md)}.qrl-pcard-cover{position:relative;aspect-ratio:3/4;background:linear-gradient(135deg,#e0ecff,#f1f7ff);overflow:hidden;display:flex;align-items:center;justify-content:center}.qrl-pcard-cover img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.qrl-pcard-cover-ph{font-size:40px;color:#93c5fd}.qrl-pcard-overlay{position:absolute;inset:0;background:rgba(30,64,175,.55);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s;letter-spacing:.04em;text-transform:uppercase}.qrl-pcard-item:hover .qrl-pcard-overlay{opacity:1}.qrl-pcard-label{padding:12px 14px;font-size:13px;font-weight:600;color:var(--qrl-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qrl-portfolio-page{min-height:100vh;background:var(--qrl-bg);font-family:Pretendard,-apple-system,Segoe UI,Noto Sans Thai,sans-serif;color:var(--qrl-text)}.qrl-portfolio-page-topbar{background:#fff;border-bottom:1px solid var(--qrl-border);padding:14px 32px;display:flex;align-items:center;gap:16px}.qrl-portfolio-page-topbar a{font-size:18px;font-weight:800;color:var(--qrl-text);text-decoration:none}.qrl-portfolio-page-body{max-width:1200px;margin:0 auto;padding:64px 24px 80px}.qrl-portfolio-page-body h1{font-size:36px;font-weight:800;margin-bottom:8px}.qrl-portfolio-page-body p{color:var(--qrl-text-2);font-size:16px;margin-bottom:40px}.qrl-pgallery-full{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.qrl-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:11px 24px;border-radius:10px;border:1.5px solid var(--qrl-blue);color:var(--qrl-blue-deep);font-size:15px;font-weight:700;background:transparent;text-decoration:none;transition:background .15s,color .15s}.qrl-btn-outline:hover{background:var(--qrl-blue);color:#fff}@media(max-width:1024px){.qrl-pgallery,.qrl-pgallery-full{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.qrl-pgallery,.qrl-pgallery-full{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.qrl-gnb-outer{padding:0 10px}.qrl-gnb{padding:8px 10px 8px 18px}.qrl-nav-r .qrl-btn{padding:7px 12px;font-size:13px}.qrl-lang-btn{padding:6px 10px;font-size:12.5px}.qrl-hero{padding-top:134px}.qrl-panel{padding:20px}.qrl-dl-row{grid-template-columns:1fr 1fr}.qrl-tool-cta{padding:20px;text-align:center;justify-content:center}.qrl-tool-cta .qrl-btn{width:100%}.qrl-row2{flex-direction:column;gap:14px}.qrl-foot-grid,.qrl-pgrid{grid-template-columns:1fr}.qrl-pgallery,.qrl-pgallery-full{grid-template-columns:repeat(2,1fr);gap:12px}.qrl-portfolio-page-body{padding:40px 16px 60px}}