:root{--bg:#0D0C0B;--bg2:#161411;--card:#1B1916;--line:#38342E;--accent:#D6B582;--accent2:#F1D9B8;--rgb:214,181,130;--fg:#F5F5F3;--muted:#A3A6AB;--soft:#787C85;--sans: 'Pretendard','Noto Sans KR','Apple SD Gothic Neo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:15px;line-height:1.65;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}::selection{background:rgba(var(--rgb),.45)}.container{max-width:1260px;margin:auto;padding-inline:28px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--accent);text-transform:uppercase}.sec-head{display:flex;gap:30px;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.sec-head h2{font-size:clamp(28px,3.4vw,45px);line-height:1.3;letter-spacing:-.055em;margin:12px 0 0;font-weight:750}.sec-head p{color:var(--muted);max-width:490px;font-size:14px;margin:0}.section{padding:104px 0;border-top:1px solid rgba(255,255,255,.065)}.muted{color:var(--muted)}.body-small{color:var(--muted);font-size:13px;line-height:1.8}.shell{background:var(--card);border:1px solid var(--line);border-radius:18px}.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;border-radius:7px;border:1px solid transparent;padding:13px 19px;background:var(--accent);color:#090A0C;font-weight:800;font-size:13px;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(var(--rgb),.19)}.btn.outline{background:transparent;color:var(--fg);border-color:#55565C}.btn.outline:hover{border-color:var(--accent);box-shadow:none}.btn.ghost{background:rgba(var(--rgb),.09);color:var(--accent);border-color:rgba(var(--rgb),.22)}.btn.sm{padding:10px 14px;font-size:12px}.arr{font-size:18px;line-height:1}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(var(--rgb),.38);border-radius:50px;color:var(--accent);background:rgba(var(--rgb),.07);font-size:12px;font-weight:700;padding:7px 13px}.dot{width:6px;height:6px;background:var(--accent);border-radius:100%;display:inline-block}
.header{height:76px;position:sticky;top:0;z-index:40;background:rgba(10,10,12,.89);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}.header .container{height:100%;display:flex;align-items:center;gap:26px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.mark{width:38px;height:38px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;transform:skew(-12deg)}.mark span{display:block;background:var(--accent);border-radius:1px 1px 0 0}.mark span:nth-child(1){height:19px;opacity:.75}.mark span:nth-child(2){height:32px}.mark span:nth-child(3){height:26px;opacity:.88}.brand-txt strong{font-size:15px;font-weight:800;display:block;letter-spacing:-.045em;line-height:1.25}.brand-txt small{font-size:8px;letter-spacing:.16em;color:#A0A1A5;display:block;margin-top:2px;font-weight:700}.nav{display:flex;gap:25px;align-items:center;justify-content:center}.nav a{font-size:12px;font-weight:650;white-space:nowrap;color:#C3C3C7;position:relative;transition:color .2s}.nav a:hover,.nav a.active{color:#FFF}.nav a.active:after{content:'';height:2px;left:0;right:0;bottom:-26px;position:absolute;background:var(--accent)}.nav .nav-builder{color:var(--accent)}.mobile-toggle{display:none;color:white;background:none;border:1px solid #333;padding:7px 10px;border-radius:6px;font-size:19px}
.hero{position:relative;min-height:655px;overflow:hidden;background:radial-gradient(ellipse 750px 600px at 87% 38%,rgba(var(--rgb),.18),transparent 69%),radial-gradient(ellipse 380px 300px at 62% 96%,rgba(var(--rgb),.08),transparent 70%),var(--bg2)}.hero:before{content:'';inset:0;position:absolute;opacity:.27;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,black 72%)}.hero>.container{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center;padding-top:82px;padding-bottom:75px}.hero-copy{padding-bottom:4px}.hero h1{font-size:clamp(38px,4.15vw,66px);line-height:1.20;letter-spacing:-.065em;margin:24px 0 23px;font-weight:780;white-space:pre-line}.hero h1 .strong{color:var(--accent)}.hero .lead{max-width:545px;font-size:16px;line-height:1.88;color:#B9BAC0;word-break:keep-all}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:31px}.hero-foot{display:flex;flex-wrap:wrap;gap:24px;margin-top:51px;border-top:1px solid rgba(255,255,255,.13);padding-top:20px}.hero-foot div{min-width:112px;position:relative}.hero-foot strong{display:block;font-size:22px;font-weight:780;line-height:1.2;letter-spacing:-.04em}.hero-foot small{font-size:11px;color:#97999D;display:block;margin-top:7px}.hero-foot div:not(:last-child):after{content:'';position:absolute;right:-12px;top:2px;bottom:2px;width:1px;background:#414144}.stage{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}.stage:before{content:'';width:450px;height:450px;position:absolute;right:0;top:0;border-radius:50%;background:radial-gradient(circle,rgba(var(--rgb),.16),transparent 66%);filter:blur(10px)}.device{position:relative;width:min(100%,565px);transform:perspective(1100px) rotateY(-9deg) rotateX(3deg);box-shadow:0 40px 85px #0009;border:1px solid #59565b;border-radius:15px;background:#19191b;overflow:hidden}.device-top{height:39px;background:#1d1c1e;display:flex;align-items:center;padding:0 14px;gap:6px;border-bottom:1px solid #343438}.device-top i{width:8px;height:8px;border-radius:50%;background:#59595a}.device-top i:nth-child(1){background:#ba6b6b}.device-top i:nth-child(2){background:#c3a36d}.device-top i:nth-child(3){background:#6a9f80}.address{margin:0 auto;width:45%;height:19px;text-align:center;border-radius:4px;background:#2b2b2e;color:#87878d;font-size:8px;letter-spacing:.06em;line-height:19px}.device-inner{padding:16px;background:linear-gradient(145deg,#f1f1ef,#e6e6e3);min-height:337px;color:#17181a}.mini-nav{display:flex;align-items:center;justify-content:space-between;font-size:7px;font-weight:700;color:#45464a}.mini-brand{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:900;color:#19191a}.mini-mark{background:var(--accent);width:14px;height:14px;transform:skew(-12deg)}.mini-links{display:flex;gap:11px}.mini-hero{margin-top:13px;background:#17191b;border-radius:5px;min-height:189px;padding:29px 28px;position:relative;overflow:hidden}.mini-hero:after{content:'';width:260px;height:280px;position:absolute;right:-38px;top:-26px;border-radius:45%;border:32px solid rgba(var(--rgb),.88);transform:rotate(45deg);box-shadow:0 0 80px rgba(var(--rgb),.13)}.mini-hero:before{content:'';position:absolute;right:26px;top:28px;width:165px;height:170px;background:linear-gradient(135deg,transparent,rgba(255,255,255,.13));transform:rotate(26deg);clip-path:polygon(60% 0,100% 0,60% 100%,0 100%)}.mini-hero small{color:var(--accent);letter-spacing:.2em;font-size:7px;font-weight:700}.mini-hero h3{color:white;font-size:22px;line-height:1.3;letter-spacing:-.05em;margin:12px 0 11px;position:relative;z-index:2}.mini-hero p{color:#b9b9b9;font-size:8px;margin:0}.mini-hero button{border:0;background:var(--accent);font-size:8px;font-weight:800;border-radius:3px;padding:7px 13px;margin-top:15px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.mini-grid div{border:1px solid #d3d3d0;border-radius:5px;background:white;padding:13px 10px;min-height:59px}.mini-grid b{display:block;color:#2d2d2d;font-size:9px}.mini-grid small{font-size:7px;color:#999}.float-tag{position:absolute;bottom:8px;left:-25px;background:#1c1b1e;border:1px solid #4b4a4a;border-radius:8px;padding:12px 17px;box-shadow:0 16px 50px #000b;display:flex;gap:11px;align-items:center}.float-tag strong{font-size:12px;display:block}.float-tag small{font-size:9px;color:#9d9da0}.float-tag .ico{width:31px;height:31px;background:rgba(var(--rgb),.2);color:var(--accent);border-radius:7px;display:grid;place-items:center;font-size:19px}
.trust{border-top:1px solid #29292d;border-bottom:1px solid #29292d;background:#101013}.trust .container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-block:23px}.trust-item{display:flex;align-items:center;gap:13px;border-right:1px solid #33333a;padding-left:12px}.trust-item:last-child{border:0}.trust-icon{font-size:22px;color:var(--accent);width:31px}.trust-item b{display:block;font-size:12px}.trust-item small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 26px}.filter{border:1px solid #37383e;background:#18191d;color:#adb0b6;border-radius:25px;font-size:12px;font-weight:650;padding:9px 16px}.filter.active,.filter:hover{border-color:var(--accent);color:#0b0b0b;background:var(--accent)}.types-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.type-card{background:var(--card);border:1px solid var(--line);border-radius:12px;min-height:159px;text-align:left;padding:20px 16px 16px;transition:transform .2s,border .2s}.type-card:hover{transform:translateY(-5px);border-color:var(--accent)}.type-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:rgba(var(--rgb),.11);border:1px solid rgba(var(--rgb),.22);border-radius:10px;color:var(--accent);font-size:19px;margin-bottom:20px}.type-card strong{display:block;font-size:13px;white-space:nowrap}.type-card small{display:block;margin-top:5px;font-size:10px;color:var(--muted);line-height:1.5}.section-lite{background:#0E0F12}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sample{overflow:hidden;transition:transform .2s,border .2s;text-align:left;cursor:pointer}.sample:hover{transform:translateY(-5px);border-color:var(--accent)}.sample-art{height:215px;position:relative;overflow:hidden;padding:18px;background:linear-gradient(135deg,#deddd8,#f1eee9);color:#27292d}.sample-art.blue{background:linear-gradient(135deg,#12253e,#416b93);color:white}.sample-art.cream{background:linear-gradient(135deg,#e8e3d9,#b8a99b)}.sample-art.navy{background:linear-gradient(135deg,#101b2a,#1b4056);color:white}.sample-art .micro-head{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700;position:relative;z-index:2}.sample-art .micro-body{position:relative;z-index:2;margin-top:26px;max-width:60%}.sample-art .micro-body h4{font-size:21px;line-height:1.3;letter-spacing:-.06em;margin:0 0 7px}.sample-art .micro-body small{font-size:9px;opacity:.7}.sample-art .micro-body em{display:block;width:65px;height:7px;background:var(--accent);border-radius:2px;margin-top:19px}.sample-art .blob{position:absolute;right:-10px;bottom:-28px;width:185px;height:185px;border-radius:12px 90px 20px 70px;transform:rotate(22deg);background:linear-gradient(140deg,rgba(var(--rgb),.8),rgba(255,255,255,.12));box-shadow:10px 0 90px #0002}.sample-art.cream .blob{border-radius:50%;background:linear-gradient(120deg,#8a897a,#e2d0c2)}.sample-art.blue .blob{background:linear-gradient(130deg,#637f9c,#b9d1df)}.sample-art.navy .blob{background:linear-gradient(130deg,#60778c,#a7aeb5)}.sample-bottom{padding:20px}.sample-bottom strong{font-size:15px;display:block}.sample-bottom .meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.tag{font-size:10px;color:var(--accent);border:1px solid rgba(var(--rgb),.38);background:rgba(var(--rgb),.08);border-radius:50px;padding:4px 9px}.sample-bottom small{font-size:11px;color:var(--muted)}
.builder-feature{display:grid;grid-template-columns:1fr 1.14fr;gap:65px;align-items:center}.builder-feature h2{font-size:clamp(33px,4vw,52px);line-height:1.26;letter-spacing:-.05em;margin:16px 0 24px}.builder-feature p{font-size:14px;color:var(--muted);line-height:1.9;max-width:475px}.bullet-list{display:grid;gap:12px;margin:25px 0 29px}.bullet-list div{font-size:12px;color:#d4d4d6}.bullet-list b{color:var(--accent);margin-right:11px}.builder-mock{min-height:355px;padding:17px;border:1px solid #4e4b4d;background:#1A1A1E;border-radius:16px;box-shadow:0 33px 65px #0006;position:relative}.builder-mock .bar{border-bottom:1px solid #36363A;padding:0 0 12px;display:flex;align-items:center;justify-content:space-between;color:#c5c5c7;font-size:11px;font-weight:700}.builder-mock .controls{display:flex;gap:7px}.builder-mock .controls span{display:inline-block;border:1px solid #444;padding:2px 7px;border-radius:5px;font-size:10px}.builder-ui{display:grid;grid-template-columns:107px 1fr;gap:11px;padding-top:15px}.mock-sidebar{display:grid;gap:7px;align-content:start}.mock-sidebar span{font-size:10px;background:#28282e;padding:10px;border-radius:5px;color:#cacad0}.mock-sidebar span:nth-child(2){color:var(--accent);border:1px solid rgba(var(--rgb),.5)}.mock-canvas{background:#f5f5f3;min-height:259px;border-radius:5px;padding:12px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:38px 100px 65px;gap:8px}.mock-canvas span{display:grid;place-items:center;font-size:11px;color:#717078;border:1px dashed #c9c9ca;background:white;border-radius:4px}.mock-canvas span:nth-child(1),.mock-canvas span:nth-child(2){grid-column:span 2}.mock-canvas span:nth-child(2){border:2px solid var(--accent);background:rgba(var(--rgb),.10);color:#555}.mock-canvas span:nth-child(3){background:#eee}.mock-canvas span:nth-child(4){background:#f8f8f6}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.price-box{padding:32px;border:1px solid var(--line);background:var(--card);border-radius:15px;position:relative}.price-box.featured{border-color:var(--accent);background:linear-gradient(145deg,rgba(var(--rgb),.13),var(--card) 55%)}.price-label{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.18em}.price-box h3{font-size:22px;margin:9px 0 8px;letter-spacing:-.04em}.money{font-size:34px;letter-spacing:-.05em;font-weight:800;margin-top:21px}.money small{font-size:14px;color:#98999d;font-weight:500}.price-box ul{padding:19px 0 20px;border-top:1px solid #3b3b3e;margin-top:20px;list-style:none}.price-box li{font-size:12px;color:#c2c2c4;padding:7px 0}.price-box li:before{content:'✓';color:var(--accent);padding-right:10px}.price-box .btn{width:100%}.price-note{font-size:11px;color:var(--muted);margin-top:18px}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.process-card{padding:20px;background:#151619;border:1px solid #323238;border-radius:13px;min-height:170px}.process-card b{font-size:11px;color:var(--accent)}.process-card h4{font-size:17px;margin:27px 0 9px}.process-card p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-item{border-bottom:1px solid #35363B}.faq-q{background:none;border:0;color:var(--fg);font-size:15px;font-weight:650;padding:20px 0;width:100%;display:flex;justify-content:space-between;text-align:left;gap:25px}.faq-q .plus{color:var(--accent);font-size:20px}.faq-answer{max-height:0;overflow:hidden;color:var(--muted);transition:max-height .25s;font-size:13px;line-height:1.85}.faq-item.open .faq-answer{max-height:170px;padding-bottom:20px}.faq-item.open .plus{transform:rotate(45deg)}
.contact-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:start;border:1px solid var(--line);padding:55px;border-radius:20px;background:radial-gradient(circle at 0 0,rgba(var(--rgb),.1),transparent 55%),var(--card)}.contact-panel h2{font-size:clamp(30px,3.8vw,45px);letter-spacing:-.05em;line-height:1.27;margin:16px 0 16px}.contact-panel p{color:var(--muted);font-size:13px;line-height:1.9}.contact-info{border-top:1px solid #43434a;margin-top:40px;padding-top:18px;color:#a5a7aa;font-size:12px}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:block}.field.full{grid-column:span 2}.field label{display:block;font-size:11px;font-weight:750;margin-bottom:8px;color:#ddd}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #45464B;color:white;background:#1b1c20;border-radius:7px;padding:12px 13px;outline:none;font-size:13px}.field textarea{resize:vertical;min-height:105px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field select option{background:#18181b}.privacy{font-size:11px;color:var(--muted);display:flex;gap:8px;margin:18px 0 18px;align-items:start}.privacy input{margin-top:4px;accent-color:var(--accent)}.footer{padding:38px 0 45px;border-top:1px solid #29292e}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer small{font-size:10px;color:#818389;display:block;margin-top:6px}.footer-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#a2a4a7}
.overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);z-index:100;display:none;padding:24px;align-items:center;justify-content:center}.overlay.open{display:flex}.dialog{width:min(700px,100%);max-height:91vh;overflow:auto;background:#18191c;border:1px solid #535159;border-radius:16px;box-shadow:0 45px 100px #000a}.dialog .d-head{display:flex;align-items:center;justify-content:space-between;padding:22px 27px;border-bottom:1px solid #39393e}.dialog .d-head strong{font-size:18px}.dialog .d-head button{border:none;color:#ddd;background:none;font-size:24px}.dialog .d-body{padding:25px 27px}.dialog .d-body h3{font-size:27px;margin:14px 0 10px;letter-spacing:-.04em}.dialog .d-body p{color:#b5b5bc;font-size:13px}.dialog .d-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}
.builder-dialog{width:min(1250px,99%);height:min(92vh,850px);max-height:none;display:flex;flex-direction:column}.builder-dialog .d-head{flex-shrink:0}.builder-dialog .d-body{padding:0;min-height:0;flex:1;display:grid;grid-template-columns:240px 1fr;overflow:hidden}.builder-panel{border-right:1px solid #38383e;background:#111215;padding:20px;overflow:auto}.builder-panel h3{margin:0 0 15px;font-size:15px}.builder-panel .help{font-size:11px;line-height:1.7;color:#9a9ca2}.builder-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.builder-add{background:#27272c;color:#d4d4d5;font-size:12px;border:1px solid #414149;padding:12px 7px;border-radius:7px;text-align:center}.builder-add:hover{border-color:var(--accent);color:var(--accent)}.builder-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:23px}.builder-actions button{padding:10px 8px;border:1px solid #414149;color:#eee;background:#24242a;border-radius:6px;font-size:11px}.builder-actions button:first-child{background:var(--accent);color:#111;border:0}.builder-props{margin-top:20px;padding-top:18px;border-top:1px solid #38383c}.builder-props label{display:block;color:#b6b7bb;font-size:11px;margin:12px 0 5px}.builder-props input{width:100%;padding:9px;border-radius:5px;border:1px solid #45464d;background:#1c1d20;color:#fff}.builder-stage{overflow:auto;padding:25px;background:repeating-linear-gradient(0deg,#1a1b1e 0,#1a1b1e 19px,#1e1f22 20px),#19191a}.builder-canvas{width:100%;min-width:640px;height:600px;position:relative;background:#fff;box-shadow:0 18px 50px #0009;overflow:hidden;border-radius:5px}.layout-block{position:absolute;background:#F4F4F5;border:1px solid #B8BCC2;border-radius:5px;color:#292B31;touch-action:none;user-select:none;display:flex;justify-content:center;align-items:center;text-align:center;font-size:12px;cursor:move}.layout-block.selected{border:2px solid var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:#fff9e8}.resize-dot{width:15px;height:15px;background:var(--accent);position:absolute;bottom:-2px;right:-2px;cursor:nwse-resize;touch-action:none;border:2px solid white;border-radius:3px}.builder-status{color:#a4a5ad;font-size:10px;margin-top:11px}.notice{background:rgba(var(--rgb),.08);border:1px solid rgba(var(--rgb),.22);color:#d9d8d5;padding:12px 15px;border-radius:8px;font-size:11px;line-height:1.7}.hidden{display:none !important}
.theme-gold .hero h1,.theme-gold .sec-head h2,.theme-gold .builder-feature h2,.theme-gold .contact-panel h2{font-family:'Noto Serif KR','Nanum Myeongjo',Georgia,serif;font-weight:600;letter-spacing:-.045em}.theme-gold .device{border-color:#9A8769}.theme-gold .type-card,.theme-gold .sample,.theme-gold .price-box{border-radius:5px}.theme-yellow .btn,.theme-yellow .filter.active{color:#0a0a0b}.theme-red .mark span{background:linear-gradient(180deg,var(--accent2),var(--accent))}
@media(max-width:1140px){.nav{gap:14px}.nav a{font-size:11px}.hero>.container{gap:15px}.hero h1{font-size:clamp(34px,4vw,55px)}.types-grid{grid-template-columns:repeat(3,1fr)}.trust .container{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border:0}}@media(max-width:820px){.container{padding-inline:18px}.header{height:68px}.mobile-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:67px;padding:15px 20px 24px;background:#111114;border-bottom:1px solid #444;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:11px 5px;font-size:13px}.nav a.active:after{display:none}.hero{min-height:0}.hero>.container{grid-template-columns:1fr;gap:25px;padding-top:60px;padding-bottom:70px}.hero h1{font-size:clamp(40px,7vw,55px)}.hero .lead{font-size:14px}.hero-foot{margin-top:32px}.stage{min-height:350px}.device{width:90%}.trust .container{gap:20px}.section{padding:75px 0}.sec-head{display:block}.sec-head p{margin-top:15px}.sample-grid{grid-template-columns:1fr 1fr}.builder-feature{grid-template-columns:1fr;gap:30px}.pricing-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(3,1fr)}.faq-wrap{grid-template-columns:1fr;gap:15px}.contact-panel{grid-template-columns:1fr;gap:30px;padding:26px}.footer-inner{display:block}.footer-nav{margin-top:23px}.builder-dialog .d-body{grid-template-columns:185px 1fr}.builder-panel{padding:12px}.builder-buttons{grid-template-columns:1fr}.builder-stage{padding:15px}}
@media(max-width:550px){.brand-txt strong{font-size:12px}.brand-txt small{font-size:7px}.mark{width:31px;height:30px}.hero h1{font-size:38px}.hero-foot{gap:20px}.hero-foot strong{font-size:18px}.stage{min-height:295px}.device{width:96%;transform:perspective(1100px) rotateY(-5deg);}.device-inner{padding:9px;min-height:0}.mini-hero{min-height:144px;padding:19px}.mini-hero h3{font-size:17px}.mini-grid div{min-height:45px;padding:8px}.float-tag{bottom:-16px;left:5px;padding:9px}.trust .container{grid-template-columns:1fr 1fr;gap:15px}.trust-item{gap:8px;padding-left:0}.trust-item .trust-icon{font-size:19px}.trust-item b{font-size:11px}.trust-item small{font-size:9px}.types-grid{grid-template-columns:repeat(2,1fr);gap:9px}.type-card{min-height:145px;padding:16px 12px}.type-card strong{font-size:12px}.sample-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.form-fields{grid-template-columns:1fr}.field.full{grid-column:span 1}.section{padding:65px 0}.sec-head h2{font-size:31px}.builder-dialog{height:94vh}.overlay{padding:9px}.builder-dialog .d-body{grid-template-columns:1fr;grid-template-rows:230px 1fr}.builder-panel{border-right:none;border-bottom:1px solid #444;display:grid;grid-template-columns:1fr 1fr;gap:10px}.builder-panel h3,.builder-panel .help{grid-column:span 2}.builder-buttons{grid-template-columns:repeat(3,1fr);gap:4px}.builder-add{padding:7px 2px;font-size:10px}.builder-actions{margin-top:0;align-content:start}.builder-props{display:none}.builder-stage{padding:12px}.builder-canvas{min-width:540px}.dialog .d-head{padding:15px}.dialog .d-body{padding:18px}.builder-dialog .d-body{padding:0}}

/* ────────────────────────────────────────────────────────────
  SAERO CREATIVE COMPANY / WARM WHITE · CHARCOAL · CHAMPAGNE
  Premium light editorial system: intentionally restrained.
   ──────────────────────────────────────────────────────────── */
:root{
 --bg:#FBFAF8;--bg2:#F6F3EE;--card:#FFFFFF;
 --line:#E8E2D9;--accent:#C5A16D;--accent2:#A5804B;
 --rgb:197,161,109;--fg:#262A2C;--muted:#696E71;--soft:#8A8C8D;
 --sans:'Noto Sans KR','NanumBarunGothic','Pretendard','Apple SD Gothic Neo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
html{scroll-padding-top:82px}
body{background:var(--bg);color:var(--fg);font-size:15px}
::selection{background:rgba(var(--rgb),.27)}
.eyebrow{color:#9B7645}
.section{border-top:1px solid #EEE9E2;padding:100px 0}
.section-lite{background:#F5F3EF}
.sec-head h2{color:#2A2E30}
.sec-head p,.body-small,.muted{color:var(--muted)}
.shell{background:#FFF;border:1px solid #E7E0D5;box-shadow:0 9px 40px rgba(45,40,31,.035)}
.btn{background:#303436;color:#F7F3EC;border:1px solid #303436;border-radius:5px;box-shadow:none;letter-spacing:-.01em}
.btn:hover{background:#1D2224;box-shadow:0 14px 30px rgba(36,32,27,.13)}
.btn.outline{background:transparent;color:#353A3C;border:1px solid #BDB6A9}
.btn.outline:hover{border-color:#9D7946;background:#F4EFE8;box-shadow:none}
.btn.ghost{background:#F1EBE2;color:#765934;border:1px solid #E3D4C0}
.btn.ghost:hover{background:#E9DDCC}
.pill{border-color:#DCD1C1;background:#FCF8F1;color:#876437;font-weight:750}
.dot{background:#B99763}
.header{background:rgba(255,254,252,.94);border-bottom:1px solid #E9E6E0;box-shadow:0 3px 20px rgba(22,25,25,.035)}
.brand-txt strong{color:#2A2D2D}
.brand-txt small{color:#8A847B}
.nav a{color:#595C60}
.nav a:hover,.nav a.active{color:#222627}
.nav a.active:after{background:#AE8D60}
.nav .nav-builder{color:#916B3B}
.mobile-toggle{color:#2B3032;background:#FFF;border-color:#DCD5CA}
.mark span{background:linear-gradient(180deg,#E1C99D,#AE8953)}
.hero{min-height:660px;background:radial-gradient(ellipse 640px 510px at 81% 42%,rgba(201,175,136,.20),transparent 71%),linear-gradient(122deg,#FFF 4%,#FDFCF9 46%,#F2EDE5 100%)}
.hero:before{opacity:.34;background-image:linear-gradient(rgba(143,128,105,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(143,128,105,.05) 1px,transparent 1px);mask-image:linear-gradient(90deg,transparent,black 74%)}
.hero>.container{padding-top:81px;padding-bottom:78px}
.hero h1{color:#222729;font-size:clamp(39px,4.25vw,65px);line-height:1.28}
.hero h1 .strong{color:#937347}
.hero .lead{color:#656B6D;font-size:15px;line-height:2}
.hero-foot{border-color:#D6D2CB;margin-top:51px}
.hero-foot strong{color:#303438}
.hero-foot small{color:#787B7D}
.hero-foot div:not(:last-child):after{background:#D5CEC3}
.stage:before{background:radial-gradient(circle,rgba(188,160,115,.19),transparent 67%)}
.device{background:#F9F9F8;border:1px solid #C9C0B3;box-shadow:0 34px 85px rgba(70,63,53,.19),0 4px 10px rgba(20,20,18,.08);transform:perspective(1100px) rotateY(-8deg) rotateX(2deg)}
.device-top{background:#F9F9F8;border-bottom:1px solid #E5DDD3}
.device-top i{background:#CAC5BD}
.address{background:#EFECE8;color:#898581}
.device-inner{background:linear-gradient(140deg,#F9F8F6,#EEECE8)}
.mini-hero{background:#2C3032}
.mini-hero:after{border-color:#BA9764;opacity:.72}
.mini-hero small{color:#DBC196}
.mini-hero button{background:#D4B685;color:#28292A}
.mini-grid div{border-color:#E3DEDA}
.float-tag{background:#FFF;border:1px solid #E2D5C1;box-shadow:0 15px 40px rgba(49,43,35,.15)}
.float-tag strong{color:#2A2E30}
.float-tag small{color:#77776F}
.float-tag .ico{background:#F3EADC;color:#9F7E51}
.trust{background:#F1EDE6;border-top:1px solid #E4DED4;border-bottom:1px solid #E4DED4}
.trust-item{border-right:1px solid #D9D0C4}
.trust-item b{color:#363638}
.trust-item small{color:#787A7C}
.trust-icon{color:#A38256}
.filters{margin-top:13px}
.filter{background:#FFF;color:#62666A;border:1px solid #E2DCD3}
.filter.active,.filter:hover{color:#FFFFFF;background:#33393B;border-color:#33393B}
.type-card{background:#FFF;border-color:#E7E1D9;box-shadow:0 6px 21px rgba(44,43,39,.027);min-height:166px}
.type-card:hover{border-color:#CDB28B;box-shadow:0 14px 40px rgba(91,71,41,.09)}
.type-card strong{color:#303435}
.type-card small{color:#77797A}
.type-icon{color:#936F3B;background:#F7F1E8;border-color:#E5D9CA}
.sample{background:#FFF;border-color:#E4DDD3;box-shadow:0 6px 27px rgba(42,37,29,.045)}
.sample:hover{box-shadow:0 16px 38px rgba(58,51,41,.12)}
.sample-bottom strong{color:#303436}
.sample-bottom small{color:#747A7E}
.tag{color:#886637;background:#F6F0E6;border-color:#E6D7BF}
.builder-feature h2{color:#2B3031}
.builder-feature p{color:#636A6E}
.bullet-list div{color:#484D51}
.bullet-list b{color:#A77F49}
.builder-mock{border:1px solid #C8BBAB;background:#292D30;box-shadow:0 30px 60px rgba(49,45,39,.14)}
.builder-mock .bar{color:#EDEAE4;border-bottom-color:#525153}
.builder-mock .controls span{border-color:#686568}
.mock-sidebar span{background:#3D4143;color:#EEEAE4}
.mock-sidebar span:nth-child(2){color:#E2C698;border:1px solid #947C58}
.price-box{background:#FFF;border-color:#E6E0D8;box-shadow:0 5px 26px rgba(38,38,34,.032)}
.price-box.featured{background:linear-gradient(160deg,#F7F0E5,#FFF 61%);border-color:#C6A779;box-shadow:0 14px 41px rgba(123,98,62,.09)}
.price-label{color:#987141}
.price-box h3,.money{color:#2C3032}
.money small{color:#85898B}
.price-box ul{border-color:#E7E2DC}
.price-box li{color:#676C6F}
.price-box li:before{color:#A78454}
.price-note{color:#838484}
.process-card{background:#FFF;border:1px solid #E8E2D9;box-shadow:0 6px 21px rgba(42,39,35,.025)}
.process-card b{color:#A07D50}
.process-card h4{color:#303335}
.process-card p{color:#777B7E}
.faq-item{border-color:#DDD7CE}
.faq-q{color:#2C3134}
.faq-q .plus{color:#9C7A4F}
.faq-answer{color:#656C70}
.contact-panel{background:linear-gradient(128deg,#F8F3EA 0%,#FFFEFC 48%,#FFF 100%);border-color:#E2D6C5;box-shadow:0 16px 55px rgba(70,56,38,.07)}
.contact-panel h2{color:#303436}
.contact-panel p{color:#646A6D}
.contact-info{color:#777B7D;border-color:#DCD2C4}
.field label{color:#4B5053}
.field input,.field select,.field textarea{background:#FFF;color:#2C3031;border-color:#D9D7D3}
.field input::placeholder,.field textarea::placeholder{color:#A0A2A2}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#B99A6D;box-shadow:0 0 0 3px rgba(184,150,102,.12)}
.field select option{background:#FFF;color:#333}
.privacy{color:#74787C}
.footer{background:#303437;border-color:#303437;color:#F5F3EE}
.footer .brand-txt strong{color:#F7F6F2}
.footer .brand-txt small{color:#B8B3AC}
.footer small{color:#BEBBB6}
.footer-nav{color:#D8D5CD}
.footer-nav a:hover{color:#E9CCA2}
.overlay{background:rgba(28,31,32,.54)}
.dialog{background:#FFFEFC;border-color:#E6DED4;box-shadow:0 30px 100px rgba(18,21,24,.22)}
.dialog .d-head{border-color:#E9E4DC}
.dialog .d-head strong{color:#303436}
.dialog .d-head button{color:#565B5D}
.dialog .d-body h3{color:#2C3033}
.dialog .d-body p{color:#686C70}
.builder-panel{background:#F9F7F4;border-color:#E7DFD4}
.builder-panel h3{color:#2E3335}
.builder-panel .help{color:#74777B}
.builder-add{background:#FFF;border-color:#DFD7CB;color:#3C4244}
.builder-add:hover{color:#795A31;border-color:#BFA377;background:#FBF6ED}
.builder-actions button{background:#FFF;color:#53585B;border-color:#DDD6CE}
.builder-actions button:first-child{background:#313638;color:#FFF;border:1px solid #313638}
.builder-props{border-color:#DED6CC}
.builder-props label{color:#676D6F}
.builder-props input{background:#FFF;color:#313638;border-color:#D7D0C7}
.builder-stage{background:repeating-linear-gradient(0deg,#F1EEE9 0,#F1EEE9 19px,#E9E5DE 20px),#F1EEE9}
.builder-canvas{box-shadow:0 12px 35px rgba(54,48,39,.14)}
.builder-status{color:#72777A}
.layout-block.selected{border:2px solid #B59058;box-shadow:0 0 0 1px #B59058 inset;background:#FFF8EB}
.notice{background:#F7F0E5;color:#6C5A41;border-color:#E4D5BE}
/* Premium details without excessive glow */
.hero .pill{backdrop-filter:blur(5px)}
.section .sec-head h2{max-width:740px}
@media(max-width:820px){
 .nav{background:#FFFEFC;border:1px solid #EBE4DA;box-shadow:0 17px 40px rgba(37,35,30,.08)}
 .nav a{color:#494E52}
 .header{background:rgba(255,254,252,.97)}
 .hero{background:linear-gradient(152deg,#FFF 0,#F6F1E9 100%)}
 .builder-panel{border-bottom-color:#DDD6CA}
}
@media(max-width:550px){
 .hero h1{font-size:36px}
 .hero>.container{padding-top:58px;padding-bottom:55px}
 .float-tag{box-shadow:0 10px 25px rgba(49,43,35,.14)}
}


/* === 2026 SAEROCC logo / menu interaction refresh === */
.header .site-logo-link{
  display:flex;align-items:center;justify-content:center;
  padding:0;flex:0 0 auto;line-height:0;
  border-radius:7px;outline-offset:3px;
}
.header .site-logo{
  display:block;width:222px;height:auto;aspect-ratio:1053 / 270;
  border-radius:5px;object-fit:contain;
  box-shadow:0 2px 10px rgba(24,22,18,.08);
}
.header .container{gap:16px}
.header .nav{gap:clamp(10px,1.35vw,22px)}
.header .nav a{
  position:relative;display:inline-flex;align-items:center;
  padding:7px 1px;white-space:nowrap;
  color:#4C5154;text-decoration:none;
  transition:color .24s ease,text-shadow .24s ease;
}
/* Center Line: line grows from the text's center to both sides */
.header .nav a::after,
.header .nav a.active::after{
  content:"";position:absolute;left:0;right:0;bottom:0;
  width:100%;height:2px;
  background:linear-gradient(90deg,transparent 0%,#C5A16D 22%,#AB8149 50%,#C5A16D 78%,transparent 100%);
  transform:scaleX(0);transform-origin:center;
  opacity:0;transition:transform .29s cubic-bezier(.2,.8,.2,1),opacity .24s ease;
}
/* Text Glow: muted champagne glow, legible on warm white */
.header .nav a:hover,
.header .nav a:focus-visible{
  color:#946F3D;
  text-shadow:0 0 5px rgba(197,161,109,.48),0 0 15px rgba(197,161,109,.26);
}
.header .nav a:hover::after,
.header .nav a:focus-visible::after,
.header .nav a.active::after{
  transform:scaleX(1);opacity:1;
}
.header .nav a.active{color:#775A36}
.header .nav .nav-builder{color:#8E6C41}
.header .nav .nav-builder:hover{color:#77552B}
.header .site-logo-link:focus-visible{outline:2px solid #C5A16D}
@media(max-width:1080px){
 .header{height:70px}
 .header .site-logo{width:205px}
 
 .header .mobile-toggle{display:block}
 .header .nav{
  display:none;position:absolute;left:0;right:0;top:69px;
  padding:14px 20px 22px;background:#FFFEFC;
  border:1px solid #EBE4DA;border-top:0;
  box-shadow:0 17px 40px rgba(37,35,30,.08);
  flex-direction:column;align-items:stretch;gap:1px;
 }
 .header .nav.open{display:flex}
 .header .nav a{font-size:14px;padding:10px 8px}
 .header .nav a::after,.header .nav a.active::after{left:8px;right:auto;width:100px;bottom:3px}
}
@media(max-width:550px){
 .header{height:65px}
 .header .site-logo{width:min(198px,58vw)}
 .header .nav{top:64px}
}
@media(prefers-reduced-motion:reduce){
 .header .nav a,.header .nav a::after{transition:none}
}

/* === SAERO STUDIO: seamless black logo-matched navigation (2026-11-15) === */
.header{
  background:#000;
  border-bottom:1px solid #1F1B17;
  box-shadow:0 5px 20px rgba(0,0,0,.14);
}
.header .site-logo-link{background:#000}
.header .site-logo{
  border-radius:0;
  box-shadow:none;
}
.header .nav a{
  font-size:14px;
  font-weight:700;
  letter-spacing:-.025em;
  color:#EDEAE4;
}
.header .nav a:hover,
.header .nav a:focus-visible{
  color:#F3D5A1;
  text-shadow:0 0 7px rgba(230,185,119,.75),0 0 19px rgba(197,161,109,.52);
}
.header .nav a.active{color:#EACB98}
.header .nav .nav-builder{color:#E7C28B}
.header .nav .nav-builder:hover,
.header .nav .nav-builder:focus-visible{color:#F9DBAA}
.header .nav a::after,
.header .nav a.active::after{
  background:linear-gradient(90deg,transparent 0%,#D0AA73 22%,#F4D19D 50%,#D0AA73 78%,transparent 100%);
}
.header .mobile-toggle{color:#E9C694;background:#080808;border-color:#4D4031}
.header .mobile-toggle:hover{background:#17130F;border-color:#D0AA73}
@media(max-width:1140px) and (min-width:1081px){
  .header .nav a{font-size:13px}
  .header .nav{gap:12px}
}
@media(max-width:1080px){
  .header .nav{
    background:#000;
    border-color:#29221B;
    box-shadow:0 17px 40px rgba(0,0,0,.24);
  }
  .header .nav a{font-size:15px;color:#EDEAE4}
  .header .nav a.active{color:#EACB98}
}



/* 2026-11-15: SAERO black header + independent page navigation */
html{scroll-behavior:auto}
body{min-height:100vh}
.header{height:82px;background:#000!important;border-bottom:1px solid #231C15!important}
.header .container{gap:17px}
.header .site-logo{width:220px;max-height:69px;object-fit:contain}
.header .nav{gap:clamp(12px,1.15vw,22px)}
.header .nav a{font-size:15px!important;font-weight:700;letter-spacing:-.035em;color:#EEEAE4;line-height:1.6}
.header .nav a.active{color:#F2D19B}
.header .nav a:hover,.header .nav a:focus-visible{color:#FFE0AC;text-shadow:0 0 8px rgba(242,202,138,.7),0 0 23px rgba(209,156,84,.42)}
.header .nav a.active::after{opacity:1;transform:scaleX(1)}

.inner-topline{background:#F6F2EC;border-bottom:1px solid #E6DED2}
.inner-topline .container{padding-block:17px;display:flex;justify-content:space-between;gap:15px;align-items:center}
.inner-topline .crumb{font-size:12px;color:#74716D;font-weight:650}
.inner-topline .crumb a:hover{color:#A67E4B}
.inner-topline .toplabel{font-size:10px;color:#9A7548;letter-spacing:.22em;font-weight:800}
.page-main{min-height:calc(100vh - 350px)}
.page-main>.section:first-child{padding-top:85px;border-top:0}
.page-main>.section:last-child{padding-bottom:115px}
.page-cta{padding:42px 0 92px;background:#FBFAF8}
.page-cta .container{display:flex;justify-content:space-between;gap:22px;align-items:center;border:1px solid #E1D5C3;background:#FFF;padding:34px 42px;border-radius:16px}
.page-cta h3{font-size:24px;line-height:1.3;color:#303436;margin:0 0 7px;letter-spacing:-.04em}
.page-cta p{font-size:13px;color:#7D7C79;margin:0}
.home-links{padding:94px 0 103px;background:#FBFAF8;border-top:1px solid #E9E3DA}
.home-links h2{font-size:clamp(28px,3vw,42px);color:#303436;letter-spacing:-.06em;line-height:1.25;margin:14px 0 13px}
.home-links .intro{color:#74797D;font-size:14px;margin:0 0 32px}
.home-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-link-card{background:#fff;border:1px solid #E8E1D8;padding:27px 28px;min-height:175px;border-radius:14px;transition:transform .23s,border-color .23s,box-shadow .23s}
.home-link-card:hover{transform:translateY(-4px);border-color:#C9A66F;box-shadow:0 16px 36px rgba(72,59,40,.08)}
.home-link-card .index{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;color:#A27B47}
.home-link-card strong{display:block;margin-top:13px;font-size:20px;letter-spacing:-.05em;color:#303436}
.home-link-card small{display:block;margin-top:9px;color:#757A7D;font-size:12px;line-height:1.55}
.home-link-card .next{display:block;color:#987043;text-align:right;font-weight:700}
.hero-actions .btn.outline{color:#313638;border-color:#BCB5AA}
.hero-actions .btn.outline:hover{color:#A27A45;border-color:#C5A16D}
.footer-nav a:hover{color:#E7C28B}
.header .site-logo-link:focus-visible,.header .nav a:focus-visible,.home-link-card:focus-visible{outline:2px solid #DEB77F;outline-offset:3px}
@media(max-width:1300px){
 .header .site-logo{width:205px}
 .header .nav{gap:11px}
 .header .nav a{font-size:14px!important}
 
}
@media(max-width:1180px){
 .header{height:72px}
 .header .site-logo{width:205px}
 
 .header .mobile-toggle{display:block}
 .header .nav{display:none;position:absolute;left:0;right:0;top:71px;flex-direction:column;align-items:stretch;gap:2px;padding:16px 27px 22px;background:#000;border:1px solid #28211A;box-shadow:0 20px 44px rgba(0,0,0,.25)}
 .header .nav.open{display:flex}
 .header .nav a{font-size:16px!important;padding:11px 8px;letter-spacing:-.02em}
 .header .nav a::after,.header .nav a.active::after{left:8px;right:auto;width:130px;bottom:5px}
}
@media(max-width:760px){
 .page-cta .container{flex-direction:column;align-items:flex-start;padding:24px 26px}
 .home-link-grid{grid-template-columns:1fr 1fr}
 .home-links{padding:70px 0}
 .page-main>.section:first-child{padding-top:65px}
}
@media(max-width:550px){
 .header{height:66px}
 .header .site-logo{width:min(205px,60vw)}
 .header .nav{top:65px}
 .inner-topline .container{padding-block:11px}
 .inner-topline .toplabel{font-size:9px}
 .inner-topline .crumb{font-size:11px}
 .home-link-grid{grid-template-columns:1fr}
 .home-link-card{min-height:130px}
 .home-links{padding:54px 0}
 .page-cta{padding:22px 0 55px}
 .page-cta h3{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.home-link-card{transition:none}}

.device-demo-action{display:inline-flex;background:var(--accent);border-radius:3px;padding:7px 13px;font-size:8px;font-weight:800;margin-top:15px;color:#1D1C19}


/* Gradient Flow v2 — free estimate CTA ONLY.
   Exact color sequence/direction from SAERO Hover Motion Library.
   Unique class avoids all old .btn hover/lift/shadow/background overrides.
*/
.header .container > a.quote-gradient-flow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  flex: 0 0 auto;
  min-height: 44px;
  padding: 10px 15px;
  border: 1px solid #b99568;
  border-radius: 5px;
  background-color: #98734b;
  background-image: linear-gradient(110deg, #8c6742, #e1c9a2, #98734b, #e1c9a2);
  background-size: 280% 100%;
  background-position: 0% 0%;
  color: #1a1510;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .02em;
  white-space: nowrap;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
  filter: none;
  transform: none;
  transition: background-position 0.8s ease;
  will-change: background-position;
}
.header .container > a.quote-gradient-flow:hover,
.header .container > a.quote-gradient-flow:focus-visible {
  /* Only the gradient moves: no old lift, glow, shadows, or solid gold hover. */
  background-position: 100% 0%;
  color: #1a1510;
  text-shadow: none;
  box-shadow: none;
  filter: none;
  transform: none;
}
.header .container > a.quote-gradient-flow:focus-visible {
  outline: 2px solid #e1c9a2;
  outline-offset: 3px;
}
.header .container > a.quote-gradient-flow .arr {
  font-size: 16px;
  line-height: 1;
}
@media (max-width:1300px) {
  .header .container > a.quote-gradient-flow {
    font-size:11px;
    padding:10px 10px;
  }
}
@media (max-width:1180px) {
  .header .container > a.quote-gradient-flow { display:none; }
}
@media (prefers-reduced-motion: reduce) {
  .header .container > a.quote-gradient-flow {transition:none;will-change:auto}
}