/* Scandandy v2 — new brand experience, existing QR studio engine */
:root{--navy:#1e3a8a;--ink:#263951;--muted:#758399;--muted2:#91a1ae;--border:#e3eaef;--canvas:#f7fbfc;--orange:#079eaa;--orange-soft:#e6fafa;--card:#fff;--shadow:0 18px 55px rgba(21,57,92,.07)}
html{scroll-padding-top:90px}body{background:#fff;color:#263951;font-size:14px}body,input,button,select,textarea{font-family:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,system-ui,sans-serif}body:has(dialog[open]){overflow:hidden}a{color:inherit}.page-width{width:min(100% - 80px,1330px);margin-inline:auto}.skip-link{position:absolute;top:-100px;left:14px;background:#fff;color:var(--navy);padding:10px;z-index:5000}.skip-link:focus{top:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #62d9e3;outline-offset:3px}
.new-header{height:88px;background:rgba(255,255,255,.98);border-bottom:1px solid #edf1f4;position:relative;z-index:20}.new-nav{display:flex;justify-content:space-between;align-items:center;gap:22px;height:100%}.new-brand{text-decoration:none;display:inline-flex;align-items:center;gap:11px;min-width:225px}.new-brand img{width:62px;height:62px;object-fit:contain;flex:none}.new-wordmark{display:inline-block;font-size:26px;font-weight:850;letter-spacing:-1.15px;line-height:1.04;white-space:nowrap}.new-wordmark .scan{color:#18357f}.new-wordmark .dandy{color:#029da8}.new-wordmark small{font-size:11px;display:block;color:#7388a1;letter-spacing:.1px;font-weight:750;margin:6px 0 0 2px}.new-wordmark small b{font-weight:800;color:#00a8b4}.site-links{display:flex;align-items:center;gap:clamp(18px,2.7vw,40px);margin-left:auto}.site-links a{text-decoration:none;font-size:13px;font-weight:650;color:#677993;transition:color .2s}.site-links a:hover{color:#079eaa}.nav-cta,.hero-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(118deg,#00a1ab,#0494a4);color:white!important;text-decoration:none;border-radius:12px;font-size:13px;font-weight:800;box-shadow:0 13px 22px rgba(0,153,161,.15);white-space:nowrap;transition:transform .15s,box-shadow .15s}.nav-cta{padding:14px 22px;margin-left:24px;min-height:43px}.nav-cta:hover,.hero-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,153,161,.27)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 85%,rgba(68,212,222,.23),transparent 32%),linear-gradient(117deg,#fafeff 5%,#fff 52%,#effbfd 100%);padding:68px 0 34px;border-bottom:1px solid #e8f0f2}.hero-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 500px 270px at 25% 100%,rgba(163,236,240,.18),transparent 90%);pointer-events:none}.float-flower{position:absolute;z-index:0;pointer-events:none;opacity:.5;width:300px}.flower-top{top:65px;right:-45px;transform:rotate(16deg)}.flower-low{bottom:24px;left:-68px;transform:scaleX(-1) rotate(-22deg)}.hero-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.19fr);align-items:center;gap:clamp(26px,4vw,65px);position:relative;z-index:2;min-height:610px}.hero-copy{align-self:center;position:relative;min-width:0;padding:32px 0 72px}.hero-pill{display:inline-flex;align-items:center;gap:10px;letter-spacing:1.6px;font-size:10px;font-weight:850;color:#079aaa;background:#e1f9fa;border-radius:99px;padding:9px 14px}.hero-pill span{background:#0ea5a6;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 3px #b5ecf0}.hero-copy h1{margin:31px 0 22px;color:#18357f;font-weight:850;font-size:clamp(44px,4.45vw,71px);line-height:1.075;letter-spacing:-3.1px}.hero-copy h1 span{color:#009fa9}.hero-dek{font-size:17px;line-height:1.7;color:#687c96;max-width:520px;margin:0}.hero-slogan{display:block;font-size:18px;line-height:1.5;font-weight:800;color:#0a8c9d;margin-bottom:3px}.hero-benefits{display:flex;gap:clamp(17px,2vw,33px);margin:36px 0 34px}.hero-benefits>div{display:flex;gap:9px;align-items:center;color:#526681;font-size:13px;line-height:1.3}.benefit-icon{display:grid;place-items:center;border-radius:50%;width:51px;height:51px;background:#e4f9fa;color:#079dab;font-size:21px;flex:none}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-primary{padding:16px 26px;min-height:54px;font-size:14px}.hero-primary span{font-size:21px}.hero-secondary{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:0 21px;border:1px solid #e2ebef;border-radius:12px;background:#fff;box-shadow:0 5px 20px rgba(44,75,100,.05);text-decoration:none;color:#3f536d;font-weight:750;font-size:13px}.hero-secondary:hover{border-color:#80d8dc;color:#008994}.hero-small{color:#8c9aac;font-size:11px;margin:15px 0 0 10px}.hero-small span{margin:0 7px}.hero-bloom{position:absolute;bottom:-110px;left:-100px;width:245px;opacity:.24;z-index:-1;pointer-events:none}
.showcase{min-width:0;max-width:720px;justify-self:stretch;border:1px solid #e5edf1;background:#fff;border-radius:26px;padding:12px;box-shadow:0 33px 70px rgba(34,88,116,.12);position:relative;align-self:center}.showcase-top{height:35px;display:flex;align-items:center;gap:7px;color:#a0aebe;letter-spacing:1.1px;font-size:9px;font-weight:850;padding:0 8px 9px}.showcase-tab-icon{font-size:15px;color:#029faa}.showcase-live{margin-left:auto;font-size:9px;letter-spacing:.2px;border:1px solid #ddedee;border-radius:50px;padding:5px 9px;color:#4b7c80}.showcase-live i{display:inline-block;width:6px;height:6px;background:#04a4ae;border-radius:100%;margin-right:5px;vertical-align:1px}.showcase-body{display:grid;grid-template-columns:87px minmax(0,1fr) 160px;gap:0;border-radius:17px;overflow:hidden;border:1px solid #ecf1f4;min-height:430px;background:#fff}.showcase-rail{border-right:1px solid #ebf2f5;background:linear-gradient(160deg,#fff 60%,#f6fbfc);padding:27px 4px 13px;display:flex;align-items:stretch;flex-direction:column;gap:7px}.showcase-rail a{padding:10px 6px;display:flex;align-items:center;flex-direction:column;gap:7px;text-decoration:none;font-size:10px;color:#7f8da2;font-weight:650;border-radius:9px}.showcase-rail a span{font-size:20px;color:#5e769c;line-height:1}.showcase-rail a.rail-active,.showcase-rail a:hover{background:#e9fafb;color:#0095a6}.showcase-rail a.rail-active span{color:#00a3b1}.showcase-code{background:linear-gradient(#fff,#fff),radial-gradient(#f0fbff 1px,transparent 2px);min-width:0;padding:36px 12px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.showcase-code:before{content:"";position:absolute;inset:0;background:radial-gradient(#deedf3 1px,transparent 1px);background-size:18px 18px;opacity:.32;pointer-events:none}.showcase-qr-paper{position:relative;z-index:1;width:min(100%,315px);aspect-ratio:1;background:white;padding:16px;border-radius:16px;box-shadow:0 18px 40px #0f375329;border:1px solid #edf1f6;display:grid;place-items:center}.hero-qr-display{width:100%;min-width:0;min-height:0;display:grid;place-items:center}.hero-qr-display svg{display:block;width:100%;height:auto;stroke:none;max-height:300px}.showcase-scan{z-index:1;margin-top:25px;display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:1.25px;color:#1a4387;font-weight:750}.showcase-scan span{display:block;width:24px;height:2px;background:#2592ac;border-radius:100%}.showcase-tools{border-left:1px solid #e9eff3;padding:21px 14px;display:flex;flex-direction:column;background:#fff;gap:0}.showcase-tools h3{font-size:11px;margin:0 0 10px;color:#253956;letter-spacing:-.1px}.showcase-tools h3:not(:first-child){margin-top:22px}.showcase-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.style-chip{height:39px;min-width:0;padding:3px;border:1px solid #e2eaf0;background:#fff;border-radius:6px}.style-chip.active{outline:2px solid #08b3bc;outline-offset:0;border-color:#08b3bc}.chip-qr{display:block;width:21px;height:21px;border:4px solid #18418f;border-radius:4px;margin:auto;position:relative}.chip-qr:after{content:"";position:absolute;width:6px;height:6px;left:4px;top:4px;background:#18418f;border-radius:1px}.style-chip:nth-child(1) .chip-qr{border-color:#0895a7}.style-chip:nth-child(3) .chip-qr{border-color:#0e7490}.style-chip:nth-child(4) .chip-qr{border-color:#7655b9}.brand-dots{display:flex;gap:8px;align-items:center}.brand-dots span{display:block;background:var(--dot);border:1px solid #d7e6ec;border-radius:50%;width:25px;height:25px}.mini-upload,.mini-export{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:34px;border-radius:8px;border:1px solid #dce9ed;background:#fff;color:#45617c;font-size:10px;font-weight:750;padding:4px 6px;gap:4px}.mini-upload:hover{background:#ebfdff;border-color:#6ed3d9}.mini-logo-art{display:grid;place-items:center;background:#e3f7f9;border-radius:6px;min-width:25px;height:25px;color:#049aa7}.mini-export{background:#e7fafb;color:#087e8b}.mini-export:hover{background:#d3f6f7}.showcase-bottom{height:30px;display:flex;align-items:center;justify-content:center;gap:9px;color:#8c9eb0;font-size:10px}.showcase-bottom span{color:#21acbb}.use-cases{position:relative;z-index:1;margin-top:40px;display:flex;align-items:center;justify-content:center;gap:clamp(28px,5vw,77px);color:#6d7c97;flex-wrap:wrap}.use-cases>span{font-size:10px;letter-spacing:1px;font-weight:750;text-transform:uppercase;color:#9bacb9}.use-cases>div{display:flex;align-items:center;gap:9px;font-size:18px;color:#6d82a5}.use-cases>div span{font-size:12px;color:#74829b}
.studio-section{background:#f7fbfc;padding:88px 0 90px;scroll-margin-top:12px}.studio-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:29px}.mini-kicker{color:#009fad;font-size:10px;font-weight:850;letter-spacing:1.9px}.studio-intro h2,.section-intro h2{color:#1f3560;letter-spacing:-1.5px;font-size:clamp(30px,3.2vw,43px);margin:8px 0 8px;line-height:1.2}.studio-intro p,.section-intro p{color:#76879c;font-size:13px;line-height:1.7;margin:0}.studio-actions{display:flex;gap:9px;align-items:center}.studio-actions .btn{min-height:44px;padding:0 15px}.studio-actions .btn-dark{background:#1e3a8a}.studio-actions .btn-dark:hover{background:#152c6a}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.98fr);gap:28px;align-items:start}.studio-layout .editor{display:block;min-width:0}.studio-layout .card{border-radius:20px;padding:28px;margin-bottom:23px;box-shadow:0 12px 40px rgba(35,78,111,.04)}.studio-layout .card h2{font-size:19px;color:#293a52}.studio-layout .card-heading{margin-bottom:21px}.studio-layout .preview-column{min-width:0;display:block;grid-area:auto;width:100%}.studio-layout .preview-container{position:sticky;top:16px}.preview-stage{background:radial-gradient(#dce6ef 1px,transparent 1px) 0 0/18px 18px,#f2f6fa;border-radius:19px 19px 0 0;min-height:448px}.preview-paper{border-radius:14px;box-shadow:0 14px 35px rgba(41,83,103,.08)}.btn-download{background:linear-gradient(120deg,#00a1ac,#0494a4);box-shadow:0 8px 22px rgba(0,153,161,.16)}.btn-download:hover{background:#008b9b}.download-panel{border-radius:0 0 19px 19px}.preview-header{padding:0 2px 14px}.card .mini-badge{color:#a8b3c1}.card .section-index{display:none}.type-tab.active{background:#e7fafa;border-color:#7ee3e6;color:#087f94}.preset.selected{border-color:#0aa7b7;box-shadow:0 0 0 1px #41cbd1}.field input:focus,.field select:focus,.field textarea:focus,.modal input:focus{border-color:#45c9d2;box-shadow:0 0 0 3px #e2f9fa}.logo-zone.drag-over{background:#e8fbfc}.switch-label input:checked+.switch-ui{background:#0aa5ae}.logo-options input[type=range],.form-check input{accent-color:#0da2a9}.tip-card span{color:#059fa5}.extra-actions button:hover{color:#009ea9}.editor .color-field{max-width:100%;min-width:0}.editor .color-field .hex-input{width:100%!important;min-width:0;flex:1;padding:0!important;font-size:11px!important}.editor .color-row .field{min-width:0}.studio-layout .editor>.eyebrow,.studio-layout .editor>.editor-heading{display:none!important}.studio-layout .editor>.content-card,.studio-layout .editor>.design-card{grid-area:auto!important;order:initial!important;max-width:100%}.studio-layout .editor>.design-card{margin-top:0!important}
.value-section{padding-top:95px;padding-bottom:95px}.section-intro{max-width:740px;margin:0 auto 45px;text-align:center}.section-intro p{max-width:600px;margin:0 auto}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.value-grid article{padding:29px 30px;border:1px solid #e6edf1;background:linear-gradient(140deg,#fff,#f9fdfe);border-radius:18px;box-shadow:0 11px 26px rgba(18,72,92,.035)}.value-symbol{display:grid;place-items:center;background:#e0f7f8;color:#0ca3b1;font-size:26px;height:51px;width:51px;border-radius:15px}.value-grid h3,.step-grid h3{margin:22px 0 8px;font-size:18px;color:#284065}.value-grid p,.step-grid p{margin:0;font-size:13px;line-height:1.8;color:#75849a}.how-section{padding:83px 0 88px;background:#f2fafb}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.step-grid article{background:#fff;border-radius:17px;padding:26px 28px;border:1px solid #e4f0f2}.step-grid article>span{font-size:24px;font-weight:900;color:#0ba1ad;letter-spacing:-1px}.step-grid h3{margin-top:16px}.faq-section{padding-top:95px;padding-bottom:90px}.faq-list{width:min(100%,835px);margin:auto;border-top:1px solid #e6edf1}.faq-list details{border-bottom:1px solid #e6edf1;padding:0 12px}.faq-list summary{padding:20px 1px;cursor:pointer;color:#2c405e;font-size:15px;font-weight:750;list-style:none;display:flex;justify-content:space-between;gap:18px}.faq-list summary:after{content:'+';color:#009ea9;font-size:21px;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{font-size:13px;line-height:1.8;color:#73839a;margin:0 25px 18px 0}.last-cta{background:linear-gradient(118deg,#1e3a8a,#145f8f);padding:45px 0;color:white}.last-cta>.page-width{display:flex;align-items:center;justify-content:space-between;gap:25px}.last-cta h2{font-size:27px;margin:0 0 7px;letter-spacing:-.7px}.last-cta p{font-size:13px;color:#c3d7e8;margin:0}.last-cta .hero-primary{background:#0ca6b0}.new-footer{background:#fff;border-top:1px solid #eaf1f4}.new-footer .page-width{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:25px}.footer-brand{display:flex;align-items:center;gap:6px;color:#1e3a8a;font-size:18px;font-weight:850}.footer-brand img{width:36px;height:36px}.new-footer nav{display:flex;gap:22px;flex-wrap:wrap}.new-footer nav a{color:#718096;text-decoration:none;font-size:12px}.new-footer nav a:hover{color:#0b9fac}.new-footer small{color:#91a1ad;font-size:12px;white-space:nowrap}
.policy-main{padding-top:70px;padding-bottom:85px;max-width:860px}.policy-main h1{font-size:45px;color:#19387c;margin:14px 0}.policy-main h2{font-size:21px;color:#284269;margin-top:34px}.policy-main p{font-size:15px;color:#6c8097;line-height:1.8}.policy-main a:not(.hero-primary){color:#008e9e}.policy-main .hero-primary{margin-top:16px}
@media(max-width:1260px){.page-width{width:min(100% - 62px,1250px)}.hero-inner{gap:26px;grid-template-columns:minmax(0,.9fr) minmax(0,1.11fr)}.hero-copy h1{font-size:clamp(42px,4.6vw,59px)}.hero-dek{font-size:15px}.showcase-body{grid-template-columns:69px minmax(0,1fr) 150px}.showcase-rail a{font-size:9px}.showcase-qr-paper{padding:11px}.showcase-tools{padding:18px 11px}.use-cases{gap:36px}}
@media(max-width:990px){.new-header{height:76px}.new-brand img{width:54px;height:54px}.new-wordmark{font-size:23px}.site-links{gap:13px}.site-links a{font-size:12px}.nav-cta{padding:11px 12px;margin-left:0;font-size:12px}.hero{padding-top:46px}.hero-inner{grid-template-columns:1fr;max-width:760px}.hero-copy{padding:0;text-align:center}.hero-copy h1{font-size:clamp(48px,7vw,63px);margin:22px 0}.hero-dek{margin-inline:auto}.hero-benefits,.hero-actions{justify-content:center}.hero-small{margin-left:0}.hero-bloom{left:0;bottom:-70px;width:130px}.showcase{width:100%;max-width:735px;margin:auto}.showcase-body{grid-template-columns:88px minmax(0,1fr) 165px;min-height:420px}.use-cases{gap:22px;margin-top:30px}.studio-layout{grid-template-columns:1fr;max-width:760px;margin-inline:auto}.studio-layout .preview-container{position:static}.studio-layout .preview-column{grid-area:auto;order:0}.studio-layout .editor{order:1}.studio-intro{flex-direction:column;align-items:flex-start;max-width:760px;margin:0 auto 26px}}
@media(max-width:750px){.page-width{width:calc(100% - 34px)}.site-links{display:none}.new-brand{min-width:0}.new-nav{gap:8px}.new-header{height:70px}.new-brand img{width:43px;height:43px}.new-wordmark{font-size:21px}.new-wordmark small{font-size:9px;letter-spacing:0;margin-top:4px}.nav-cta{padding:11px 12px;min-height:39px;font-size:11px}.hero{padding:38px 0 28px}.hero-copy h1{font-size:clamp(42px,9vw,58px);letter-spacing:-2.2px}.hero-dek{font-size:14px}.hero-benefits{margin:26px 0;justify-content:space-between;gap:6px}.hero-benefits>div{font-size:11px;gap:6px}.benefit-icon{width:40px;height:40px;font-size:19px}.showcase{padding:8px;border-radius:19px}.showcase-body{grid-template-columns:1fr 138px;min-height:310px}.showcase-rail{display:none}.showcase-code{padding:20px 9px}.showcase-qr-paper{width:min(100%,290px);padding:9px}.showcase-tools{padding:13px 9px}.showcase-styles{grid-template-columns:repeat(2,1fr)}.showcase-tools h3:not(:first-child){margin-top:13px}.showcase-tools h3{font-size:10px;margin-bottom:7px}.showcase-scan{font-size:10px;margin-top:17px}.brand-dots{gap:4px}.brand-dots span{width:21px;height:21px}.use-cases{row-gap:13px;column-gap:22px}.use-cases>div{font-size:15px}.use-cases>div span{font-size:11px}.studio-section{padding:62px 0}.studio-actions{width:100%;justify-content:space-between;gap:3px}.studio-actions .btn{padding:0 9px;font-size:11px;gap:5px}.studio-actions .btn span{font-size:11px}.studio-layout .card{padding:21px 18px;margin-bottom:17px}.preview-stage{min-height:350px}.value-section,.faq-section{padding-block:68px}.how-section{padding-block:60px}.value-grid,.step-grid{grid-template-columns:1fr;gap:12px}.value-grid article,.step-grid article{padding:22px}.section-intro{margin-bottom:25px}.last-cta>.page-width{flex-direction:column;align-items:flex-start}.last-cta h2{font-size:24px}.new-footer .page-width{flex-wrap:wrap}.new-footer nav{order:3;width:100%;gap:16px}}
@media(max-width:550px){.hero-copy h1{font-size:42px}.hero-pill{font-size:9px;letter-spacing:1.1px}.hero-benefits>div span:last-child{font-size:10px}.hero-primary{font-size:12px;min-height:49px;padding:12px 16px}.hero-secondary{font-size:12px;min-height:49px;padding:0 15px}.showcase-body{grid-template-columns:minmax(0,1fr) 118px;min-height:280px}.showcase-qr-paper{max-width:290px;padding:6px}.showcase-tools{padding:11px 7px}.style-chip{height:33px}.showcase-tools h3:not(:first-child){margin-top:10px}.brand-dots span{width:18px;height:18px}.mini-upload,.mini-export{font-size:9px}.mini-logo-art{display:none}.showcase-bottom{font-size:9px}.use-cases>span{width:100%;text-align:center}.studio-intro h2,.section-intro h2{font-size:29px}.studio-actions .btn svg{width:14px;height:14px}.color-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.color-row>.field:last-child{grid-column:1/-1}.color-field{max-width:100%}.editor .color-field .hex-input{font-size:11px!important}.download-actions{grid-template-columns:minmax(0,1fr) 92px}.preview-paper{max-width:300px}.studio-layout .card{padding:21px 16px}.logo-zone{gap:8px;padding:9px}.logo-zone-copy strong{font-size:11px}.logo-zone-copy span{font-size:9px}.new-footer small{font-size:11px}}
@media(max-width:370px){.new-wordmark{font-size:19px}.new-wordmark small{letter-spacing:0;font-size:8px}.new-brand img{width:38px;height:38px}.nav-cta{padding:9px;font-size:10px}.hero-benefits{flex-wrap:wrap;justify-content:center;gap:13px}.showcase-body{grid-template-columns:minmax(0,1fr) 102px}.brand-dots{flex-wrap:wrap}.showcase-code{padding:12px 5px}.showcase-qr-paper{padding:5px}.showcase-scan{letter-spacing:0}.color-row{grid-template-columns:1fr}.color-row>.field:last-child{grid-column:auto}.studio-actions .btn{padding:0 8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{.hero,.value-section,.how-section,.faq-section,.last-cta,.new-header,.new-footer,.studio-intro,.editor{display:none!important}.studio-section,.studio-layout,.preview-column{display:block!important;padding:0!important;margin:0!important;background:white!important}.preview-header,.download-panel,.tip-card{display:none!important}.preview-stage{border:0!important;background:white!important;min-height:0!important}.preview-paper{box-shadow:none!important}}

/* Scandandy 2.2 — unclipped original mark and single straightforward editor flow */
.new-brand img{width:68px;height:68px;object-fit:contain;flex:none;overflow:visible;border-radius:18px}
.new-header{height:90px}
.hero{padding:34px 0 28px}
.hero-inner{min-height:365px;grid-template-columns:minmax(0,1.1fr) minmax(270px,.75fr);gap:clamp(30px,6vw,96px)}
.hero-copy{padding:18px 0 25px}
.hero-copy h1{margin:0 0 24px;max-width:680px;font-size:clamp(45px,5.2vw,78px);line-height:1.09;letter-spacing:-2.6px}
.hero-copy h1 span{display:inline-block;color:#009fa9}
.hero-dek{max-width:560px;font-size:16px;line-height:1.75}
.hero-slogan{font-size:22px;color:#078f9a;margin-bottom:6px}
.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:345px;isolation:isolate}
.hero-art-halo{position:absolute;z-index:-1;border-radius:45%;height:92%;width:92%;background:radial-gradient(circle,rgba(123,227,231,.31),rgba(240,252,253,.32) 53%,transparent 72%);filter:blur(8px)}
.hero-art-surface{width:min(100%,322px);aspect-ratio:1;background:#fff;border:1px solid rgba(207,236,240,.8);border-radius:30px;box-shadow:0 28px 66px rgba(23,83,111,.10);padding:10px;display:flex;align-items:center;justify-content:center;transform:rotate(-3deg)}
.hero-art-surface img{display:block;width:100%;height:100%;object-fit:contain;border-radius:25px;transform:rotate(3deg)}
.art-seeds{position:absolute;right:-5%;top:-7%;width:40%;opacity:.45;pointer-events:none}
.studio-section{padding:55px 0 65px}
.studio-intro{margin-bottom:24px}
.studio-layout{display:flex;flex-direction:column;gap:0;width:min(100%,860px);margin:0 auto}
.studio-layout .editor{width:100%;display:flex!important;flex-direction:column;gap:0}
.studio-layout .editor>.content-card,.studio-layout .editor>.design-card{display:block!important;margin:0 0 20px!important;order:initial!important;width:100%!important}
.studio-layout .preview-column{display:block!important;width:100%!important;order:initial!important;grid-area:auto!important}
.studio-layout .preview-container{position:static!important;top:auto}
.studio-layout .preview-stage{min-height:300px; padding:30px 20px}
.studio-layout .preview-paper{max-width:380px;width:min(100%,380px)}
.transparency-control{margin-top:19px;padding:13px 14px;background:#f1fafb;border:1px solid #daeeee;border-radius:12px}
.transparency-control p{font-size:11px;color:#6c8294;line-height:1.6;margin:8px 0 0 40px}
.color-row>.field:last-child:has(input:disabled){opacity:.42}
.color-row input:disabled{cursor:not-allowed}
.preview-paper.is-transparent{background-color:#fff!important;background-image:linear-gradient(45deg,#e3e9ed 25%,transparent 25%),linear-gradient(-45deg,#e3e9ed 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e3e9ed 75%),linear-gradient(-45deg,transparent 75%,#e3e9ed 75%)!important;background-size:22px 22px!important;background-position:0 0,0 11px,11px -11px,-11px 0!important}
.new-footer .footer-brand img{object-fit:contain;border-radius:8px}
@media(max-width:990px){.hero-inner{min-height:0;grid-template-columns:minmax(0,1fr) 255px;max-width:900px;gap:24px}.hero-copy{text-align:left}.hero-copy h1{font-size:clamp(39px,5.3vw,61px)}.hero-dek{margin:0}.hero-art{min-height:280px}.hero-art-surface{max-width:240px}.studio-layout{max-width:860px}}
@media(max-width:750px){.new-header{height:78px}.new-brand img{width:58px;height:58px}.hero{padding:30px 0 24px}.hero-inner{grid-template-columns:minmax(0,1fr);gap:14px}.hero-copy{padding:0;text-align:center}.hero-copy h1{font-size:clamp(39px,8.6vw,57px);line-height:1.12;margin:0 0 14px}.hero-dek{font-size:14px;margin:0 auto}.hero-slogan{font-size:19px}.hero-art{min-height:230px;margin-top:7px}.hero-art-surface{max-width:220px;border-radius:24px}.art-seeds{width:27%;right:9%;top:-10%}.studio-section{padding:33px 0 45px}.studio-intro{gap:16px}.studio-layout{max-width:100%}.studio-layout .preview-stage{min-height:260px;padding:26px 14px}}
@media(max-width:450px){.new-brand{gap:5px;min-width:0}.new-brand img{width:51px;height:51px}.new-wordmark{font-size:21px}.new-wordmark small{font-size:9px}.hero-copy h1{font-size:40px}.hero-art{min-height:190px}.hero-art-surface{max-width:174px;padding:6px;border-radius:20px}.art-seeds{right:3%}.studio-intro{flex-direction:column;align-items:stretch}.studio-actions{justify-content:flex-start;flex-wrap:wrap}.studio-layout .card{padding:19px 15px}.transparency-control p{margin-left:0}}
@media print{.hero,.hero-art,.studio-intro,.transparency-control{display:none!important}}
/* Force the same reading and interaction order at every breakpoint. */
.studio-layout .editor{order:0!important}
.studio-layout .preview-column{order:1!important}