@layer reset,tokens,base,components,layout,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}button,summary,select,input[type=range],input[type=color]{cursor:pointer}img,svg{display:block;max-width:100%}a{color:inherit}}@layer tokens{:root{color-scheme:light;--bg: oklch(1 0 0);--surface: oklch(.974 .004 340);--surface-strong: oklch(.946 .007 340);--ink: oklch(.17 .012 345);--ink-soft: oklch(.42 .018 345);--ink-faint: oklch(.54 .014 345);--line: oklch(.885 .009 340);--line-strong: oklch(.77 .018 340);--primary: oklch(.3766 .1278 271.55);--primary-hover: oklch(.32 .115 271.55);--primary-pale: oklch(.955 .022 271.55);--primary-soft: oklch(.88 .055 271.55);--success: oklch(.49 .095 195.65);--success-pale: oklch(.965 .026 195.65);--warning: oklch(.48 .118 67);--warning-pale: oklch(.97 .035 81);--danger: oklch(.48 .19 25);--danger-pale: oklch(.96 .033 25);--focus: oklch(.58 .15 271.55);--white: oklch(1 0 0);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sticky: 0 6px 8px oklch(.17 .012 345 / .08);--ease: cubic-bezier(.2,.8,.2,1);--z-dropdown: 20;--z-sticky: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-toast: 60}}@layer base{body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:var(--primary-soft);color:var(--ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance;letter-spacing:-.025em}p{text-wrap:pretty}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer components{.button-primary,.button-secondary,.button-text,.icon-button,.format-row button{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-weight:650;gap:8px;justify-content:center;min-height:42px;transition:background-color .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease)}.button-primary{background:var(--primary);border:0;color:var(--white);padding:11px 17px}.button-primary:hover{background:var(--primary-hover)}.button-primary:active{transform:translateY(1px)}.button-primary:disabled,.format-row button:disabled{cursor:not-allowed;opacity:.5}.button-secondary{background:var(--bg);border:1px solid var(--line-strong);color:var(--ink);padding:10px 15px;text-decoration:none}.button-secondary:hover{background:var(--surface);border-color:var(--ink-soft)}.button-small{font-size:.8125rem;min-height:36px;padding:7px 11px;white-space:nowrap}.button-text{background:transparent;border:0;color:var(--ink-soft);font-size:.8125rem;min-height:34px;padding:5px 7px}.button-text:hover{background:var(--surface-strong);color:var(--ink)}.button-text.danger{color:var(--danger)}.icon-button{background:transparent;border:0;min-height:40px;min-width:40px;padding:8px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span,.color-field>span,.range-field>span strong{color:var(--ink-soft);font-size:.8125rem;font-weight:650}.field b{color:var(--primary);margin-left:3px}.field input,.field select,.field textarea,.mobile-type-picker select{background:var(--bg);border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);min-height:44px;padding:9px 12px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease);width:100%}.field textarea{min-height:96px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--ink-soft);opacity:1}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--ink-soft)}.field input:focus,.field select:focus,.field textarea:focus,.mobile-type-picker select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:0}.field-wide{grid-column:1 / -1}.field.compact select{font-size:.875rem}.content-hint{align-items:flex-start;background:var(--primary-pale);border-radius:var(--radius-sm);color:var(--ink-soft);display:flex;font-size:.75rem;gap:8px;margin:14px 0 0;padding:10px 12px}.content-hint svg{color:var(--primary);flex:0 0 auto;margin-top:1px}.content-hint code{color:var(--ink);font-size:.72rem}.check-row{align-items:center;color:var(--ink-soft);display:flex;font-size:.875rem;gap:9px;min-height:36px}.check-row input{appearance:none;background:var(--bg);border:1px solid var(--line-strong);border-radius:5px;height:19px;margin:0;width:19px}.check-row input:checked{background:var(--primary);border-color:var(--primary)}.check-row>span{align-items:center;display:flex;gap:7px}.check-row>span svg{color:transparent;margin-left:-28px;pointer-events:none}.check-row input:checked+span svg{color:var(--white)}.segmented{align-items:stretch;background:var(--surface);border-radius:10px;display:inline-flex;padding:3px}.segmented button{align-items:center;background:transparent;border:0;border-radius:7px;color:var(--ink-soft);display:inline-flex;font-size:.8125rem;font-weight:650;gap:5px;min-height:34px;padding:7px 11px}.segmented button.is-selected{background:var(--bg);color:var(--primary);box-shadow:0 1px 2px #130d1124}.disclosure{border-bottom:1px solid var(--line)}.disclosure:first-of-type{border-top:1px solid var(--line)}.disclosure summary{align-items:center;display:flex;gap:12px;list-style:none;min-height:68px;padding:10px 4px;user-select:none}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary>span:nth-child(2){display:flex;flex:1;flex-direction:column;min-width:0}.disclosure summary strong{font-size:.9375rem}.disclosure summary small{color:var(--ink-soft);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disclosure-icon{align-items:center;background:var(--surface);border-radius:9px;color:var(--primary);display:flex;height:38px;justify-content:center;width:38px}.chevron{color:var(--ink-faint);transition:transform .18s var(--ease)}.disclosure[open] .chevron{transform:rotate(180deg)}.disclosure-body{animation:disclosure-in .18s var(--ease);padding:2px 4px 22px 54px}@keyframes disclosure-in{0%{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:none}}.color-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:15px 0}.color-field{display:flex;flex-direction:column;gap:6px}.color-control{align-items:center;border:1px solid var(--line-strong);border-radius:10px;display:flex;min-height:44px;overflow:hidden}.color-control input[type=color]{appearance:none;background:none;border:0;height:32px;margin-left:6px;padding:0;width:32px}.color-control input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}.color-control input[type=text],.color-control input:not([type]){border:0;color:var(--ink);flex:1;font-size:.8125rem;font-weight:600;min-width:0;outline:0;padding:10px;text-transform:uppercase}.inset-controls{background:var(--surface);border-radius:var(--radius-md);padding:14px}.preset-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));max-height:294px;overflow:auto;padding:2px}.preset{align-items:center;aspect-ratio:1;background:var(--bg);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:7px;justify-content:center;min-width:0;padding:7px;transition:border-color .16s var(--ease),background-color .16s var(--ease)}.preset:hover{border-color:var(--line-strong);background:var(--surface)}.preset.is-selected{background:var(--primary-pale);border-color:var(--primary);color:var(--primary)}.preset>span:last-child{font-size:.675rem;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.geometry-preview-wrap{color:currentColor;display:block;height:34px;width:34px}.geometry-preview{height:34px;overflow:visible;width:34px}.logo-emphasis{align-items:center;background:var(--primary-pale);border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:14px;padding:13px}.logo-emphasis>span{align-items:center;background:var(--primary);border-radius:9px;color:var(--white);display:flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.logo-emphasis strong{display:block;font-size:.82rem}.logo-emphasis p{color:var(--ink-soft);font-size:.7rem;margin:2px 0 0}.logo-drop{align-items:center;background:var(--surface);border:1px dashed var(--primary);border-radius:var(--radius-md);display:flex;gap:12px;min-height:88px;padding:14px}.logo-presets{display:grid;gap:7px;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:12px}.logo-presets button{align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;gap:4px;min-width:0;padding:6px 3px}.logo-presets button:hover{background:var(--surface);border-color:var(--line-strong)}.logo-presets button.is-selected{background:var(--primary-pale);border-color:var(--primary);color:var(--primary)}.logo-presets img{height:30px;width:30px}.logo-presets span{font-size:.62rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-drop>svg{color:var(--primary);flex:0 0 auto}.logo-drop img{background:var(--bg);border-radius:8px;height:50px;object-fit:contain;padding:4px;width:50px}.logo-drop>div{display:flex;flex:1;flex-direction:column;min-width:0}.logo-drop strong{font-size:.875rem}.logo-drop span{color:var(--ink-soft);font-size:.75rem}.inline-controls{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.template-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.template-grid button{align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:10px;display:flex;gap:10px;min-width:0;padding:9px;text-align:left}.template-grid button:hover{border-color:var(--primary)}.template-grid button>span:nth-child(2){display:flex;flex:1;flex-direction:column;min-width:0}.template-grid strong{font-size:.8rem}.template-grid small{color:var(--ink-soft);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-swatch{border-radius:7px;flex:0 0 34px;height:34px}.service-picker{margin-bottom:14px}.service-picker-trigger{align-items:center;background:var(--bg);border:1px solid var(--line-strong);border-radius:10px;display:flex;justify-content:space-between;min-height:58px;padding:9px 13px;text-align:left;width:100%}.service-picker-trigger:hover,.service-picker.is-open .service-picker-trigger{border-color:var(--primary)}.service-picker-trigger>span{display:flex;flex-direction:column}.service-picker-trigger small{color:var(--ink-soft);font-size:.66rem}.service-picker-trigger strong{font-size:.82rem}.service-picker-trigger>svg{color:var(--ink-soft);transition:transform .18s var(--ease)}.service-picker.is-open .service-picker-trigger>svg{transform:rotate(180deg)}.selected-services{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.selected-services button{align-items:center;background:var(--primary-pale);border:0;border-radius:999px;color:var(--primary);display:inline-flex;font-size:.68rem;font-weight:650;gap:5px;min-height:29px;padding:5px 8px}.selected-services button span{font-size:.85rem;line-height:1}.service-options{background:var(--surface);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:13px;margin-top:8px;max-height:310px;overflow-y:auto;padding:14px}.service-options fieldset{border:0;margin:0;padding:0}.service-options legend{color:var(--ink-soft);font-size:.65rem;font-weight:700;margin-bottom:6px}.service-options fieldset>div{display:flex;flex-wrap:wrap;gap:6px}.service-option{cursor:pointer;position:relative}.service-option input{opacity:0;pointer-events:none;position:absolute}.service-option>span{align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:8px;display:inline-flex;font-size:.7rem;gap:6px;min-height:35px;padding:7px 9px;transition:background-color .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}.service-option:hover>span{border-color:var(--line-strong)}.service-option input:checked+span{background:var(--primary-pale);border-color:var(--primary);color:var(--primary)}.service-option input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.service-option>span>svg:last-child{margin-left:2px}.api-service-option>span{color:var(--primary)}.api-service-option>span>svg:first-child{color:var(--primary)}}@layer layout{.app-shell{min-height:100vh}.topbar{align-items:center;background:var(--bg);border-bottom:1px solid var(--line);display:flex;height:68px;justify-content:space-between;padding:0 max(24px,calc((100vw - 1460px)/2));position:relative;z-index:var(--z-dropdown)}.brand{align-items:baseline;display:inline-flex;font-size:1.15rem;font-weight:760;gap:8px;letter-spacing:-.025em;text-decoration:none}.vleafy-brand{align-items:center}.vleafy-brand>img{height:34px;max-width:119px;width:auto}.vleafy-brand .tool-name{border-left:1px solid var(--line);color:var(--ink-soft);font-size:.68rem;font-weight:650;letter-spacing:0;padding-left:9px;white-space:nowrap}.brand-mark{align-items:center;background:var(--primary);border-radius:8px;color:var(--white);display:inline-flex;height:34px;justify-content:center;width:34px}.brand small{color:var(--ink-soft);font-size:.68rem;font-weight:600;letter-spacing:0}.main-nav{align-items:center;display:flex;gap:30px}.main-nav a{color:var(--ink-soft);font-size:.875rem;font-weight:650;text-decoration:none}.main-nav a:hover{color:var(--primary)}.top-actions{align-items:center;display:flex;gap:10px}.language-select{align-items:center;color:var(--ink-soft);display:flex;gap:3px}.language-select select{background:transparent;border:0;color:var(--ink-soft);font-size:.72rem;font-weight:650;max-width:94px;padding:5px 2px}.privacy-note{align-items:center;color:var(--success);display:inline-flex;font-size:.75rem;font-weight:650;gap:6px}.mobile-menu{display:none}.intro{align-items:end;display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:1460px;padding:44px 24px 28px}.intro h1{font-size:2.5rem;letter-spacing:-.04em;line-height:1.05;margin-bottom:10px;max-width:760px}.intro p{color:var(--ink-soft);margin:0;max-width:64ch}.tool-attribution{align-items:center;color:var(--ink-soft);display:flex;font-size:.75rem;font-weight:650;gap:5px;margin-bottom:10px}.tool-attribution svg,.tool-attribution a{color:var(--primary)}.intro-proof{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.intro-proof span{align-items:center;color:var(--ink-soft);display:flex;font-size:.75rem;gap:7px;white-space:nowrap}.intro-proof svg{color:var(--success)}.studio{background:var(--surface);border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:236px minmax(440px,710px) minmax(360px,1fr);margin:0 auto;min-height:760px}.type-rail{background:var(--bg);border-right:1px solid var(--line);padding:24px 14px 30px max(14px,calc((100vw - 1460px)/2))}.rail-heading{display:flex;flex-direction:column;margin:0 8px 14px}.rail-heading span,.step-label{color:var(--primary);font-size:.72rem;font-weight:750}.rail-heading strong{font-size:.83rem;line-height:1.35;margin-top:3px}.rail-search{align-items:center;background:var(--surface);border-radius:9px;color:var(--ink-faint);display:flex;gap:7px;margin-bottom:10px;padding:0 10px}.rail-search input{background:transparent;border:0;color:var(--ink);font-size:.8rem;height:38px;min-width:0;outline:0;width:100%}.rail-search input::placeholder{color:var(--ink-soft);opacity:1}.type-list{display:flex;flex-direction:column;gap:2px}.type-button{align-items:center;background:transparent;border:0;border-radius:9px;display:flex;gap:10px;min-height:50px;padding:6px 8px;text-align:left;width:100%}.type-button:hover{background:var(--surface)}.type-button.is-selected{background:var(--primary-pale);color:var(--primary)}.type-icon{align-items:center;color:var(--ink-soft);display:flex;height:30px;justify-content:center;width:30px}.type-button.is-selected .type-icon{color:var(--primary)}.type-button>span:nth-child(2){display:flex;flex:1;flex-direction:column;min-width:0}.type-button strong{font-size:.8rem;font-weight:680}.type-title{align-items:center;display:flex;gap:6px;min-width:0}.type-badge{background:var(--surface-strong);border-radius:999px;color:var(--ink-soft)!important;flex:0 0 auto;font-size:.52rem!important;font-weight:700;line-height:1;padding:4px 5px}.type-button small{color:var(--ink-faint);font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-check{color:var(--primary);flex:0 0 auto}.type-button.type-upi{background:#f8f8e9}.type-button.type-upi:hover{background:#f3f2d7}.type-button.type-upi.is-selected{background:#f2f1ce;color:#1e4e22}.type-upi .type-icon{color:#176020}.upi-mark{align-items:center;display:inline-flex;justify-content:center;position:relative}.upi-mark i,.upi-mark b{border-radius:2px;height:3px;position:absolute;right:-2px;transform:rotate(-35deg);width:7px}.upi-mark i{background:#f58220;top:3px}.upi-mark b{background:#159447;bottom:3px}.type-whatsapp .type-icon,.mobile-type-strip .type-whatsapp{color:#128c7e}.type-instagram .type-icon,.mobile-type-strip .type-instagram{color:#c13584}.type-facebook .type-icon{color:#1877f2}.type-youtube .type-icon{color:red}.editor-column{background:var(--bg);border-right:1px solid var(--line);min-width:0;padding:28px clamp(24px,3.2vw,52px) 52px}.editor-head{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:24px}.editor-head h2{font-size:1.65rem;line-height:1.15;margin:3px 0 6px}.editor-head p{color:var(--ink-soft);font-size:.84rem;margin:0}.form-grid{display:grid;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.validation-message{align-items:center;background:var(--danger-pale);border-radius:9px;color:var(--danger);display:flex;font-size:.8rem;gap:8px;margin:-10px 0 20px;padding:9px 11px}.mobile-type-picker{display:none}.preview-column{min-width:0;padding:28px max(24px,calc((100vw - 1460px)/2)) 50px 28px}.preview-sticky{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticky);margin:0 auto;max-width:480px;padding:20px;position:sticky;top:18px}.preview-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.preview-heading>div{display:flex;flex-direction:column}.preview-heading span:first-child{color:var(--ink-soft);font-size:.7rem}.preview-heading strong{font-size:.9rem}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.68rem;font-weight:700;gap:6px;padding:6px 9px;white-space:nowrap}.status-pill>span{border-radius:50%;height:7px;width:7px}.status-pill.good{background:var(--success-pale);color:var(--success)}.status-pill.good>span{background:var(--success)}.status-pill.warning{background:var(--warning-pale);color:var(--warning)}.status-pill.warning>span{background:var(--warning)}.status-pill.error{background:var(--danger-pale);color:var(--danger)}.status-pill.error>span{background:var(--danger)}.qr-stage{aspect-ratio:1;border-radius:var(--radius-md);margin:0 auto;max-width:360px;overflow:hidden;padding:8px}.qr-stage svg{height:100%;width:100%}.safety-panel{align-items:flex-start;border-radius:10px;display:grid;gap:9px;grid-template-columns:auto 1fr auto;margin:14px 0;padding:10px}.safety-panel.good{background:var(--success-pale);color:var(--success)}.safety-panel.warning{background:var(--warning-pale);color:var(--warning)}.safety-panel.error{background:var(--danger-pale);color:var(--danger)}.safety-icon svg{height:20px;width:20px}.safety-panel strong{display:block;font-size:.76rem}.safety-panel p{color:currentColor;font-size:.68rem;line-height:1.35;margin:1px 0 0;opacity:.9}.contrast-score{font-size:.68rem;font-weight:750;white-space:nowrap}.output-controls{border-top:1px solid var(--line);display:grid;gap:14px;grid-template-columns:1fr 145px;padding:15px 0}.range-field{display:flex;flex-direction:column;gap:8px}.range-field>span{align-items:center;display:flex;justify-content:space-between}.range-field output{color:var(--ink-soft);font-size:.68rem}.range-field input{accent-color:var(--primary);width:100%}.download-primary{justify-content:flex-start;width:100%}.download-primary>span{font-size:.68rem;margin-left:auto;opacity:.8}.format-row{display:grid;gap:7px;grid-template-columns:repeat(3,1fr);margin-top:7px}.format-row button{background:var(--bg);border:1px solid var(--line-strong);font-size:.75rem;min-height:38px;padding:7px}.format-row button:hover{background:var(--surface);border-color:var(--ink-soft)}.payload-preview{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.payload-preview>div{align-items:center;display:flex;justify-content:space-between}.payload-preview span{color:var(--ink-soft);font-size:.7rem;font-weight:650}.payload-preview button{align-items:center;background:transparent;border:0;color:var(--primary);display:flex;font-size:.7rem;font-weight:650;gap:5px}.payload-preview code{color:var(--ink-soft);display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem;line-height:1.45;margin-top:5px;max-height:74px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}.feature-section,.how-section,.faq-section,.example-section{margin:0 auto;max-width:1240px;padding:100px 24px}.section-intro{margin-bottom:42px;max-width:760px}.section-intro h2,.api-copy h2{font-size:2.1rem;line-height:1.12;margin-bottom:12px}.section-intro p,.api-copy p{color:var(--ink-soft);margin:0;max-width:65ch}.feature-layout{display:grid;gap:56px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.feature-primary{background:var(--ink);border-radius:var(--radius-lg);color:var(--white);padding:42px}.feature-symbol{align-items:center;background:var(--primary);border-radius:10px;display:flex;height:48px;justify-content:center;margin-bottom:60px;width:48px}.feature-primary h3{font-size:1.6rem;margin-bottom:13px}.feature-primary p{color:#cac1c6}.feature-primary ul{border-top:1px solid oklch(1 0 0 / .18);display:flex;flex-wrap:wrap;gap:12px 20px;list-style:none;margin:28px 0 0;padding:22px 0 0}.feature-primary li{align-items:center;display:flex;font-size:.78rem;gap:7px}.feature-primary li svg{color:#4cd39f;height:15px;width:15px}.feature-list{display:flex;flex-direction:column}.feature-list article{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:20px;padding:27px 0}.feature-list article:first-child{padding-top:3px}.feature-list>article>svg{color:var(--primary);flex:0 0 auto;height:24px;width:24px}.feature-list h3{font-size:1rem;margin:0 0 5px}.feature-list p{color:var(--ink-soft);font-size:.875rem;margin:0}.example-section{border-bottom:1px solid var(--line)}.example-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.example-card{background:var(--surface);border-radius:var(--radius-md);display:flex;flex-direction:column;min-width:0;overflow:hidden}.example-card.is-featured{display:grid;grid-column:span 2;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr)}.example-qr{align-items:center;background:var(--bg);display:flex;justify-content:center;padding:16px}.example-qr svg{height:auto;max-width:190px;width:100%}.example-detail{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:16px}.example-brand{align-items:flex-start;display:flex;gap:10px}.example-brand>img{height:31px;object-fit:contain;object-position:left;width:76px}.example-brand h3{font-size:.88rem;margin:0 0 3px}.example-brand p{color:var(--ink-soft);font-size:.7rem;margin:0}.social-brand-icon,.contact-brand-icon{align-items:center;background:var(--bg);border-radius:8px;display:flex;flex:0 0 auto;height:32px;justify-content:center;width:32px}.social-brand-icon.instagram{color:#c13584}.social-brand-icon.linkedin{color:#0a66c2}.contact-brand-icon{color:var(--primary)}.example-actions{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:18px}.example-actions button,.example-actions a{align-items:center;background:transparent;border:0;color:var(--primary);display:inline-flex;font-size:.68rem;font-weight:700;gap:6px;min-height:34px;text-decoration:none}.example-actions a{border:1px solid var(--line);border-radius:8px;justify-content:center;width:34px}.example-actions button:hover{color:var(--primary-hover)}.example-actions a:hover{background:var(--bg);border-color:var(--primary)}.how-section{border-top:1px solid var(--line)}.steps{display:grid;gap:0;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}.steps li{border-top:2px solid var(--ink);padding:20px 28px 0 0}.steps li:not(:last-child){margin-right:28px}.steps li>span{align-items:center;background:var(--ink);border-radius:50%;color:var(--white);display:flex;font-size:.72rem;font-weight:750;height:28px;justify-content:center;margin:-35px 0 22px;width:28px}.steps h3{font-size:.95rem;margin-bottom:7px}.steps p{color:var(--ink-soft);font-size:.8rem;margin:0}.api-section{align-items:center;background:var(--surface);border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;gap:70px;grid-template-columns:.8fr 1.2fr;padding:80px max(24px,calc((100vw - 1180px)/2))}.vleafy-section{align-items:center;background:oklch(.955 .022 271.55);display:grid;gap:34px;grid-template-columns:180px minmax(0,1fr) auto;padding:58px max(24px,calc((100vw - 1180px)/2))}.vleafy-lockup{display:flex;flex-direction:column;gap:5px}.vleafy-lockup img{width:155px}.vleafy-lockup span{color:var(--ink-soft);font-size:.72rem;font-weight:650;padding-left:9px}.vleafy-section h2{font-size:1.65rem;margin-bottom:9px;max-width:720px}.vleafy-section p{color:var(--ink-soft);font-size:.875rem;margin-bottom:14px;max-width:72ch}.vleafy-section>.button-primary{text-decoration:none;white-space:nowrap}.vleafy-services{display:flex;flex-wrap:wrap;gap:6px}.vleafy-services span{background:var(--bg);border-radius:6px;color:var(--primary);font-size:.68rem;font-weight:650;padding:5px 8px}.trivia-section{align-items:center;background:var(--ink);color:var(--white);display:grid;gap:26px;grid-template-columns:auto minmax(0,1fr) auto;overflow:hidden;padding:34px max(24px,calc((100vw - 1180px)/2));position:relative}.trivia-mark{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;height:58px;justify-content:center;position:relative;width:58px}.trivia-mark>svg:first-child{height:30px;width:30px}.trivia-mark>svg:last-child{color:#1ad1d1;height:16px;position:absolute;right:6px;top:6px;width:16px}.trivia-copy>span{color:#6bcac9;font-size:.7rem;font-weight:700}.trivia-copy h2{font-size:1.2rem;margin:3px 0 4px}.trivia-copy p{color:#c2c4cc;font-size:.8rem;margin:0;max-width:76ch}.trivia-controls{align-items:center;display:flex;gap:8px}.trivia-controls .icon-button{color:var(--white)}.trivia-controls .button-secondary{background:transparent;border-color:#ffffff59;color:var(--white)}.trivia-timer{bottom:0;height:3px;left:0;position:absolute;right:0}.trivia-timer span{animation:trivia-progress 9s linear forwards;background:#2fbebe;display:block;height:100%;transform-origin:left}.trivia-timer.is-paused span{animation-play-state:paused}@keyframes trivia-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.product-section{margin:0 auto;max-width:1240px;padding:100px 24px}.product-lines{border-top:1px solid var(--line)}.product-line{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:36px;grid-template-columns:190px minmax(0,1fr) auto;padding:28px 0}.product-lockup{align-items:center;display:flex;gap:10px;min-width:0}.product-logo-symbol{align-items:center;background:var(--primary-pale);border-radius:10px;color:var(--primary);display:flex;height:42px;justify-content:center;width:42px}.product-logo-symbol svg{height:22px;width:22px}.product-lockup>span:last-child{display:flex;flex-direction:column}.product-lockup strong{font-size:1rem}.product-lockup small{color:var(--ink-soft);font-size:.68rem}.image-lockup img{height:46px;object-fit:contain;object-position:left;width:150px}.product-image-wide img{height:54px;width:165px}.product-line h3{font-size:1rem;margin:0 0 5px}.product-line p{color:var(--ink-soft);font-size:.8rem;margin:0;max-width:74ch}.product-line>a{align-items:center;color:var(--primary);display:inline-flex;font-size:.76rem;font-weight:700;gap:6px;text-decoration:none;white-space:nowrap}.revpedia-product .product-logo-symbol{background:oklch(.95 .04 40)}.social-product .product-logo-symbol{background:#ddf6e4;color:oklch(.39 .11 155)}.enquiry-section{align-items:start;background:var(--surface);border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;gap:70px;grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);padding:90px max(24px,calc((100vw - 1180px)/2))}.enquiry-intro{padding-top:22px;position:sticky;top:24px}.enquiry-intro>span{align-items:center;color:var(--primary);display:flex;font-size:.75rem;font-weight:700;gap:6px}.enquiry-intro h2{font-size:2.15rem;line-height:1.12;margin:10px 0 14px}.enquiry-intro p{color:var(--ink-soft);max-width:48ch}.enquiry-form{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:530px;padding:24px}.enquiry-progress>div:first-child{align-items:center;display:flex;justify-content:space-between}.enquiry-progress strong{color:var(--primary);font-size:.75rem}.enquiry-progress>div:first-child span{color:var(--ink-soft);font-size:.72rem;font-weight:650}.progress-track{background:var(--surface-strong);border-radius:999px;height:6px;margin:10px 0 17px;overflow:hidden}.progress-track>span{background:var(--primary);display:block;height:100%;transition:width .24s var(--ease)}.enquiry-progress ol{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:0}.enquiry-progress li{align-items:center;color:var(--ink-faint);display:flex;flex-direction:column;gap:4px;position:relative}.enquiry-progress li:before{background:var(--line);content:"";height:1px;left:-50%;position:absolute;right:50%;top:12px}.enquiry-progress li:first-child:before{display:none}.enquiry-progress li>span{align-items:center;background:var(--bg);border:1px solid var(--line-strong);border-radius:50%;display:flex;font-size:.65rem;height:25px;justify-content:center;position:relative;width:25px;z-index:1}.enquiry-progress li small{font-size:.61rem}.enquiry-progress li.is-current,.enquiry-progress li.is-complete{color:var(--primary)}.enquiry-progress li.is-current>span{background:var(--primary);border-color:var(--primary);color:var(--white)}.enquiry-progress li.is-complete>span{background:var(--primary-pale);border-color:var(--primary)}.enquiry-progress li.is-complete:before,.enquiry-progress li.is-current:before{background:var(--primary)}.enquiry-step{animation:enquiry-in .2s var(--ease);border-top:1px solid var(--line);margin-top:22px;min-height:315px;padding-top:30px}@keyframes enquiry-in{0%{opacity:.3;transform:translate(8px)}to{opacity:1;transform:none}}.step-question{margin-bottom:24px}.step-question>span{color:var(--primary);font-size:.7rem;font-weight:700}.step-question h3{font-size:1.45rem;margin:4px 0 6px}.step-question p{color:var(--ink-soft);font-size:.82rem;margin:0}.enquiry-fields{display:grid;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))}.enquiry-form .field>span{color:var(--ink)}.enquiry-form .field textarea{min-height:130px}.enquiry-form .field>span small{color:var(--ink-soft);font-weight:500}.other-service{margin-top:15px}.honeypot{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}.enquiry-review{background:var(--primary-pale);border-radius:10px;margin-top:15px;padding:12px 14px}.enquiry-review>span{align-items:center;color:var(--success);display:flex;font-size:.7rem;font-weight:700;gap:5px}.enquiry-review strong{display:block;font-size:.8rem;margin-top:4px}.enquiry-review p{color:var(--ink-soft);font-size:.72rem;margin:1px 0 0}.enquiry-error{background:var(--danger-pale);border-radius:var(--radius-sm);color:var(--danger);font-size:.75rem;margin:0 0 10px;padding:9px 11px}.enquiry-actions{align-items:center;display:flex;justify-content:space-between;margin-top:14px}.enquiry-actions .button-primary{margin-left:auto}.enquiry-success{align-items:center;grid-template-columns:auto minmax(0,1fr) auto}.success-orbit{align-items:center;background:var(--success);border-radius:50%;color:var(--white);display:flex;height:58px;justify-content:center;width:58px}.enquiry-success>div>span{color:var(--success);font-size:.75rem;font-weight:700}.enquiry-success h2{font-size:1.8rem;margin:4px 0 6px}.enquiry-success p{color:var(--ink-soft);margin:0;max-width:68ch}.enquiry-success .button-secondary{white-space:nowrap}.section-icon{align-items:center;background:var(--primary-pale);border-radius:10px;color:var(--primary);display:flex;height:46px;justify-content:center;margin-bottom:28px;width:46px}.api-copy .button-secondary{margin-top:24px}.api-copy code{background:var(--bg);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:2px 4px}.api-actions{align-items:center;display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.api-actions .button-secondary{margin-top:0}.api-actions .button-primary{text-decoration:none}.code-panel{background:var(--ink);border-radius:var(--radius-lg);color:var(--white);overflow:hidden}.code-panel>div{align-items:center;border-bottom:1px solid oklch(1 0 0 / .14);display:flex;gap:10px;padding:12px 16px}.code-panel>div span{background:var(--primary);border-radius:5px;font-size:.64rem;font-weight:750;padding:4px 6px}.code-panel>div code{color:#d1c7cc;font-size:.75rem}.code-panel>div button{background:transparent;border:0;color:var(--white);margin-left:auto}.code-panel pre{color:#e1ced8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.6;margin:0;overflow:auto;padding:24px}.code-panel>p{align-items:center;color:#ada0a7;display:flex;font-size:.68rem;gap:7px;margin:0;padding:0 24px 18px}.faq-grid{display:grid;gap:0 36px;grid-template-columns:repeat(2,1fr)}.faq-grid details{border-top:1px solid var(--line)}.faq-grid summary{align-items:center;display:flex;font-size:.9rem;font-weight:650;justify-content:space-between;list-style:none;min-height:62px}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary svg{color:var(--ink-faint);height:18px;transition:transform .18s var(--ease);width:18px}.faq-grid details[open] summary svg{transform:rotate(180deg)}.faq-grid p{color:var(--ink-soft);font-size:.82rem;margin:-3px 30px 20px 0;max-width:65ch}footer{align-items:center;border-top:1px solid var(--line);display:grid;gap:24px;grid-template-columns:auto 1fr auto;margin:0 auto;max-width:1240px;padding:38px 24px}.footer-brand small{display:none}.footer-brand.vleafy-brand img{height:30px;width:105px}footer p{color:var(--ink-soft);font-size:.78rem;margin:0}footer nav{display:flex;gap:20px}footer nav a{color:var(--ink-soft);font-size:.75rem;font-weight:650;text-decoration:none}footer>span{color:var(--ink-faint);font-size:.62rem;grid-column:1 / -1}.docs-main,.legal-main{min-height:calc(100vh - 180px)}.docs-hero{margin:0 auto;max-width:1180px;padding:76px 24px 56px}.docs-hero h1,.legal-heading h1,.not-found h1{font-size:2.5rem;letter-spacing:-.04em;line-height:1.05;margin-bottom:14px}.docs-hero>p,.legal-heading>p{color:var(--ink-soft);font-size:1.05rem;max-width:68ch}.docs-badges{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:26px}.docs-badges span{align-items:center;color:var(--ink-soft);display:flex;font-size:.78rem;gap:7px}.docs-badges svg{color:var(--success);height:16px;width:16px}.docs-key-cta{margin-top:26px;text-decoration:none}.docs-layout{border-top:1px solid var(--line);display:grid;grid-template-columns:220px minmax(0,850px);justify-content:center}.docs-nav{align-self:start;display:flex;flex-direction:column;gap:4px;padding:40px 28px 50px 24px;position:sticky;top:0}.docs-nav strong{font-size:.75rem;margin-bottom:8px}.docs-nav a{border-radius:7px;color:var(--ink-soft);font-size:.78rem;padding:7px 9px;text-decoration:none}.docs-nav a:hover{background:var(--surface);color:var(--primary)}.docs-content{border-left:1px solid var(--line);padding:8px 24px 80px 56px}.docs-content>section{border-bottom:1px solid var(--line);padding:52px 0;scroll-margin-top:30px}.docs-content h2,.legal-main article h2{font-size:1.35rem;margin-bottom:13px}.docs-content p,.legal-main article p{color:var(--ink-soft);font-size:.9rem;max-width:72ch}.endpoint{align-items:center;background:var(--surface);border-radius:9px;display:flex;gap:10px;margin:16px 0;padding:10px 12px}.endpoint span{background:var(--primary);border-radius:5px;color:var(--white);font-size:.63rem;font-weight:750;padding:4px 6px}.endpoint code{font-size:.8rem}.docs-code{background:var(--ink);border-radius:var(--radius-md);color:var(--white);margin-top:24px;overflow:hidden}.docs-code>div{align-items:center;border-bottom:1px solid oklch(1 0 0 / .14);display:flex;justify-content:space-between;padding:10px 14px}.docs-code>div span{color:#b9b2b6;font-size:.7rem}.docs-code button{align-items:center;background:transparent;border:0;color:var(--white);display:flex;font-size:.7rem;gap:6px}.docs-code pre{color:#e1ced8;font:.76rem/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0;overflow:auto;padding:22px}.docs-table-wrap{overflow-x:auto}.docs-content table{border-collapse:collapse;font-size:.78rem;margin-top:20px;min-width:650px;width:100%}.docs-content th{color:var(--ink-soft);font-size:.7rem;text-align:left}.docs-content th,.docs-content td{border-bottom:1px solid var(--line);padding:12px 10px;vertical-align:top}.docs-content td:last-child{color:var(--ink-soft)}.docs-content code,.legal-main code{background:var(--surface-strong);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:2px 4px}.docs-note{align-items:flex-start;background:var(--success-pale);border-radius:var(--radius-md);color:var(--success);display:flex;gap:12px;margin-top:22px;padding:16px}.docs-note>svg{flex:0 0 auto}.docs-note strong{font-size:.82rem}.docs-note p{color:currentColor;font-size:.76rem;margin:3px 0 0}.legal-heading{background:var(--surface);border-bottom:1px solid var(--line);padding:76px max(24px,calc((100vw - 900px)/2)) 52px}.legal-main>article{margin:0 auto;max-width:900px;padding:56px 24px 90px}.legal-main article h2{margin-top:38px}.legal-main article h2:first-child{margin-top:0}.not-found{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:0 auto;min-height:calc(100vh - 210px);max-width:800px;padding:80px 24px}.not-found>span{color:var(--primary);font-size:.8rem;font-weight:750}.not-found p{color:var(--ink-soft)}.not-found .button-primary{margin-top:16px;text-decoration:none}}@layer responsive{@media(max-width:1180px){.studio{grid-template-columns:205px minmax(400px,1fr) 390px}.editor-column{padding-inline:28px}.preview-column{padding-right:22px}.intro-proof{display:none}.language-select svg{display:none}.main-nav{gap:18px}}@media(max-width:960px){.privacy-note{display:none}.studio{grid-template-columns:190px minmax(0,1fr)}.preview-column{border-top:1px solid var(--line);grid-column:2;padding:28px}.preview-sticky{position:static}.type-rail{grid-row:1 / span 2}.editor-column{border-right:0}.feature-layout,.api-section{gap:40px;grid-template-columns:1fr}.vleafy-section{grid-template-columns:150px minmax(0,1fr)}.vleafy-section>.button-primary{grid-column:2;justify-self:start}.steps{grid-template-columns:repeat(2,1fr);gap:44px 0}.product-line{grid-template-columns:170px minmax(0,1fr) auto}.enquiry-section{gap:40px;grid-template-columns:minmax(260px,.65fr) minmax(480px,1.35fr)}}@media(max-width:720px){.topbar{height:60px;padding-inline:16px}.brand small{display:none}.language-select select{max-width:82px}.mobile-menu{display:inline-flex}.main-nav{align-items:stretch;background:var(--bg);border-bottom:1px solid var(--line);display:none;flex-direction:column;gap:0;left:0;padding:8px 16px 16px;position:absolute;right:0;top:60px}.main-nav.is-open{display:flex}.main-nav a{border-bottom:1px solid var(--line);padding:13px 4px}.intro{padding:34px 18px 22px}.intro h1{font-size:2rem}.studio{display:flex;flex-direction:column}.type-rail{display:none}.mobile-type-picker{display:flex;flex-direction:column;gap:10px;margin:-2px -18px 25px}.mobile-type-picker>div:first-child{align-items:baseline;display:flex;justify-content:space-between;padding:0 18px}.mobile-type-picker>div:first-child span{color:var(--primary);font-size:.72rem;font-weight:750}.mobile-type-picker>div:first-child strong{font-size:.8rem}.mobile-type-strip{display:flex;gap:7px;overflow-x:auto;padding:2px 18px 10px;scroll-padding-inline:18px;scroll-snap-type:x proximity;scrollbar-width:thin}.mobile-type-strip button{align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);display:inline-flex;flex:0 0 auto;font-size:.72rem;font-weight:650;gap:6px;min-height:38px;padding:7px 10px;scroll-snap-align:start}.mobile-type-strip button.is-selected{background:var(--primary-pale);border-color:var(--primary);color:var(--primary)}.mobile-type-strip button.type-whatsapp{color:#128c7e}.mobile-type-strip button.type-instagram{color:#c13584}.editor-column{padding:22px 18px 36px}.editor-head{margin-bottom:20px}.editor-head h2{font-size:1.45rem}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.disclosure-body{padding-left:4px}.preview-column{order:initial;padding:18px}.preview-sticky{border-radius:var(--radius-md);max-width:520px}.qr-stage{max-width:310px}.feature-section,.how-section,.faq-section,.product-section,.example-section{padding:72px 18px}.feature-primary{padding:30px}.feature-symbol{margin-bottom:40px}.section-intro h2,.api-copy h2{font-size:1.75rem}.steps{grid-template-columns:1fr}.steps li:not(:last-child){margin-right:0}.api-section{padding:64px 18px}.vleafy-section{align-items:start;grid-template-columns:1fr;padding:54px 18px}.vleafy-section>.button-primary{grid-column:auto}.trivia-section{align-items:start;gap:15px;grid-template-columns:auto 1fr;padding:28px 18px 32px}.trivia-mark{height:44px;width:44px}.trivia-copy h2{font-size:1.05rem}.trivia-controls{grid-column:2}.product-line{align-items:start;gap:13px;grid-template-columns:1fr;padding:25px 0}.product-line>a{margin-top:3px}.image-lockup img{height:40px;width:140px}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-card.is-featured{display:flex;grid-column:span 1}.example-qr svg{max-width:170px}.enquiry-section{gap:30px;grid-template-columns:1fr;padding:64px 18px}.enquiry-intro{padding-top:0;position:static}.enquiry-intro h2{font-size:1.75rem}.enquiry-form{min-height:0;padding:18px}.enquiry-success{grid-template-columns:auto 1fr}.enquiry-success .button-secondary{grid-column:2;justify-self:start}.faq-grid{grid-template-columns:1fr}footer{align-items:start;grid-template-columns:1fr;padding-inline:18px}footer nav{flex-wrap:wrap}footer>span{grid-column:auto}.static-topbar .static-nav{display:none}.static-topbar>.button-secondary{padding:7px 9px}.docs-hero{padding:54px 18px 40px}.docs-hero h1,.legal-heading h1,.not-found h1{font-size:2rem}.docs-layout{display:block}.docs-nav{display:none}.docs-content{border-left:0;padding:0 18px 64px}.docs-content>section{padding:42px 0}.legal-heading{padding:54px 18px 40px}.legal-main>article{padding:44px 18px 70px}}@media(max-width:480px){.color-grid,.template-grid{grid-template-columns:1fr}.logo-drop{align-items:flex-start;flex-wrap:wrap}.logo-drop .button-secondary{margin-left:40px}.logo-presets{grid-template-columns:repeat(3,1fr)}.example-grid{grid-template-columns:1fr}.example-card,.example-card.is-featured{display:grid;grid-template-columns:132px minmax(0,1fr)}.example-qr{padding:10px}.example-detail{padding:13px}.example-brand>img{width:62px}.preview-heading{align-items:flex-start;gap:10px}.status-pill{font-size:.62rem}.output-controls{grid-template-columns:1fr}.qr-stage{max-width:280px}.enquiry-progress li small{display:none}.enquiry-progress li{align-items:flex-start}.enquiry-progress li:before{left:-100%;right:100%}.enquiry-fields{grid-template-columns:1fr}.enquiry-step{min-height:345px}.step-question h3{font-size:1.25rem}.enquiry-actions .button-primary{font-size:.78rem;padding-inline:12px}.service-options{max-height:360px}.service-options fieldset>div{display:grid;grid-template-columns:1fr 1fr}.service-option>span{height:100%;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}