@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1f232c;--text:#fff;--muted:#b8bdc7;--border:#2a2f3a;--yellow:#ffe36e;--yellow-strong:#f6d85c;--blue:#bfe4ea;--shadow:#00000057;--mockup-bg:#171a21;--mockup-bg-2:#1f232c;--mockup-inner:#11141a;--mockup-border:#2a2f3a;--mockup-text:#fff;--mockup-muted:#b8bdc7;--mockup-star-idle:#3a404c;--mockup-shadow:#0000006b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#fff;--surface:#f8f8f8;--surface-2:#fff;--text:#222;--muted:#777;--border:#eaeaea;--shadow:#2222221a;--mockup-bg:#fff;--mockup-bg-2:#f8f8f8;--mockup-inner:#fff;--mockup-border:#e6e8ed;--mockup-text:#222;--mockup-muted:#777;--mockup-star-idle:#d8dde5;--mockup-shadow:#22222224;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Tajawal,IBM Plex Sans Arabic,Cairo,system-ui,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}::selection{background:var(--yellow);color:#222}summary::-webkit-details-marker{display:none}.site-shell{background:radial-gradient(circle at 12% 5%, #ffe36e2e, transparent 28rem), radial-gradient(circle at 88% 6%, #bfe4ea24, transparent 26rem), var(--bg);color:var(--text);min-height:100svh;overflow:hidden}.container{width:min(100% - 2rem,1180px);margin-inline:auto}.navbar{z-index:50;border-bottom:1px solid var(--border);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.navbar{border-bottom:1px solid color-mix(in srgb, var(--border) 82%, transparent)}}.navbar{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.navbar{background:color-mix(in srgb, var(--bg) 86%, transparent)}}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding-block:.7rem;display:grid}.brand,.nav-actions,.nav-links,.hero-actions,.pill-row{align-items:center;display:flex}.brand{gap:.55rem;font-size:1.05rem;font-weight:900}.brand img{width:2.35rem;height:2.35rem;box-shadow:0 14px 40px var(--shadow);border-radius:.85rem}.nav-links{color:var(--muted);justify-content:center;gap:.95rem;font-size:.84rem;font-weight:800}.nav-links a:hover,.footer-links a:hover{color:var(--yellow)}.nav-more{position:relative}.nav-more summary{cursor:pointer;list-style:none}.nav-more summary::-webkit-details-marker{display:none}.nav-more>div{border:1px solid var(--border);background:var(--surface);min-width:10rem;box-shadow:0 24px 70px var(--shadow);top:calc(100% + .65rem);border-radius:1rem;gap:.4rem;padding:.6rem;display:grid;position:absolute;inset-inline-end:0}.nav-more>div a{border-radius:.75rem;padding:.65rem .75rem}.nav-more>div a:hover{background:var(--surface-2)}.nav-actions{flex-wrap:nowrap;justify-content:end;gap:.45rem}.menu-toggle{border:1px solid var(--border);flex-shrink:0;place-items:center;width:2.4rem;height:2.4rem;display:none}@supports (color:color-mix(in lab, red, red)){.menu-toggle{border:1px solid color-mix(in srgb, var(--border) 88%, transparent)}}.menu-toggle{background:var(--surface);border-radius:.72rem}@supports (color:color-mix(in lab, red, red)){.menu-toggle{background:color-mix(in srgb, var(--surface) 82%, transparent)}}.menu-toggle{color:var(--text);padding:0;transition:border-color .16s,background .16s,color .16s,transform .16s}.menu-toggle:hover{border-color:var(--yellow)}@supports (color:color-mix(in lab, red, red)){.menu-toggle:hover{border-color:color-mix(in srgb, var(--yellow) 42%, var(--border))}}.menu-toggle:hover{background:var(--surface);color:var(--yellow)}.menu-toggle:active{transform:scale(.96)}.menu-toggle-icon{width:1.125rem;height:1.125rem;transition:transform .22s}.menu-toggle.is-open .menu-toggle-icon{transform:rotate(-90deg)scale(.94)}.sidebar-backdrop,.mobile-sidebar{display:none}@media (width>=641px){.sidebar-backdrop,.mobile-sidebar{visibility:hidden!important;pointer-events:none!important;display:none!important}}.sidebar-backdrop{z-index:80;background:var(--bg);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.sidebar-backdrop{background:color-mix(in srgb, var(--bg) 18%, #000000b8)}}.sidebar-backdrop{-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .24s}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.mobile-sidebar{z-index:90;border-inline-end:1px solid var(--border);background:var(--bg);visibility:hidden;pointer-events:none;flex-direction:column;gap:0;width:min(18.5rem,88vw);height:100dvh;min-height:0;max-height:100dvh;padding:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s step-end;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(calc(-100% - 1rem));box-shadow:-16px 0 48px #00000047}[dir=rtl] .mobile-sidebar{border-inline-start:1px solid var(--border);border-inline-end:0;inset-inline:auto 0;transform:translate(calc(100% + 1rem));box-shadow:16px 0 48px #00000047}.mobile-sidebar.open{visibility:visible;pointer-events:auto;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility;transform:translate(0)}.sidebar-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.sidebar-brand{min-width:0}.sidebar-close{border:1px solid var(--border);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--text);border-radius:999px;flex-shrink:0;place-items:center;display:grid;position:relative}.sidebar-close span,.sidebar-close span:before{content:"";background:currentColor;border-radius:999px;width:.9rem;height:2px;position:absolute}.sidebar-close span{transform:rotate(45deg)}.sidebar-close span:before{transform:rotate(-90deg)}.sidebar-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:.55rem .7rem;overflow-y:auto}.sidebar-links{flex-direction:column;gap:.12rem;display:flex}.sidebar-links a{color:var(--text);text-align:start;background:0 0;border:0;border-radius:.7rem;padding:.78rem .85rem;font-size:.94rem;font-weight:700;transition:background .16s,color .16s;display:block}.sidebar-links a:hover,.sidebar-links a:focus-visible{background:var(--surface);color:var(--yellow)}.sidebar-footer{border-top:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:.7rem;padding:.9rem 1rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.sidebar-footer{background:color-mix(in srgb, var(--surface) 72%, var(--bg))}}.sidebar-settings{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.5rem;display:grid}.sidebar-settings .segmented{width:100%}.sidebar-settings .segmented button{flex:1}.sidebar-settings .theme-toggle{white-space:nowrap;padding:.45rem .7rem;font-size:.74rem}.sidebar-cta{width:100%;padding:.82rem 1rem;font-size:.9rem}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:999px;min-width:2.25rem;padding:.42rem .6rem;font-size:.78rem;font-weight:900}.segmented button.active{background:var(--yellow);color:#222}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.54rem .75rem;font-size:.78rem;font-weight:900}.theme-toggle:hover{color:var(--text);border-color:var(--yellow)}@supports (color:color-mix(in lab, red, red)){.theme-toggle:hover{border-color:color-mix(in srgb, var(--yellow) 48%, var(--border))}}.btn{border:0;border-radius:999px;justify-content:center;align-items:center;padding:.9rem 1.35rem;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--yellow-strong);color:#222;box-shadow:0 18px 50px #f6d85c2e}.btn-secondary{background:var(--blue);color:#222}.btn-dark{color:#fff;background:#222}.btn-light{color:#222;background:#fff}.nav-cta{white-space:nowrap;padding:.58rem .95rem}.section{padding-block:clamp(4rem,8vw,7rem)}.section.alt{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.section.alt{background:color-mix(in srgb, var(--surface) 52%, transparent)}}.hero{padding-top:3rem}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.hero-copy{max-width:680px}.hero-eyebrow,.trust-badge{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:.75rem;padding:.55rem .85rem;font-size:.9rem;font-weight:900;display:inline-flex}.hero h1,.section-header h2,.dark-panel h2,.privacy-panel h2,.final-cta h2{color:var(--text);letter-spacing:-.03em;margin:0;font-weight:900;line-height:1.1}.hero h1{margin-top:1.5rem;font-size:clamp(2.5rem,7vw,5.6rem)}.hero-copy>p,.section-header>p,.dark-panel p,.privacy-panel>div>p,.final-cta p{color:var(--muted);font-size:clamp(1rem,2vw,1.22rem);line-height:1.9}.hero-copy>p{margin-block:1.5rem 0}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem}.hero-actions.centered{justify-content:center}.pill-row{flex-wrap:wrap;gap:.7rem;margin-top:2rem}.pill-row span,.tag-grid span{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:.65rem .9rem;font-weight:800}.hero-visual{min-height:560px;position:relative}.hero-phone{z-index:2;width:min(100%,390px);margin-inline:auto;position:relative}.floating-card{z-index:1;opacity:.92;width:210px;position:absolute}.floating-one{inset-inline-start:0;top:4rem;transform:rotate(-5deg)}.floating-two{inset-inline-end:0;bottom:3rem;transform:rotate(5deg)}.phone-mockup{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface-2), var(--surface));box-shadow:0 34px 120px var(--shadow);border-radius:2.25rem;min-height:430px;padding:1rem}.floating-card .phone-mockup{border-radius:1.8rem;min-height:270px}.phone-header,.mock-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.phone-header{background:var(--surface);border-radius:1.5rem;padding:1rem}.phone-header strong,.phone-header small{display:block}.phone-header small{color:var(--muted);margin-top:.25rem}.phone-dot{background:var(--yellow);border-radius:1rem;flex:none;width:3rem;height:3rem;position:relative}.phone-dot:after{content:"★";color:#222;place-items:center;display:grid;position:absolute;inset:0}.rating-stars{color:var(--yellow);letter-spacing:.2rem;text-align:center;margin-block:2.3rem 1.3rem;font-size:2rem}.mock-note{background:var(--surface);color:var(--muted);border-radius:1.5rem;padding:1.25rem;line-height:1.8}.mock-submit,.mock-row button{background:var(--yellow-strong);color:#222;border:0;border-radius:999px;font-weight:900}.mock-submit{width:100%;margin-top:1.2rem;padding:1rem}.mock-list{gap:.8rem;margin-top:1rem;display:grid}.mock-row{background:var(--surface);color:var(--muted);border-radius:1.1rem;padding:.9rem}.mock-row button{padding:.55rem .8rem;font-size:.78rem}.mock-thanks{text-align:center;place-items:center;min-height:190px;display:grid}.mock-thanks h4{margin:1rem 0 .4rem;font-size:1.25rem}.mock-thanks p{color:var(--muted);margin:0;line-height:1.7}.section-header{text-align:center;max-width:760px;margin:0 auto 3rem}.eyebrow{color:var(--yellow);margin:0 0 .8rem;font-size:.9rem;font-weight:900}.section-header h2,.dark-panel h2,.privacy-panel h2,.final-cta h2{font-size:clamp(2rem,4vw,3.9rem)}.section-header p{margin:1rem 0 0}.panel,.privacy-panel,.final-cta,.footer-card,.card,.mini-card,.timeline-card,.comparison-card{border:1px solid var(--border);background:var(--surface);box-shadow:0 24px 70px var(--shadow)}.panel,.privacy-panel,.final-cta,.footer-card{border-radius:2.5rem;padding:clamp(1.5rem,5vw,3.5rem)}.grid{gap:1.2rem;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.screens-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.mini-card,.timeline-card,.comparison-card,.dark-mini-card{border-radius:1.8rem;padding:1.4rem}.card h3,.timeline-card h3,.comparison-card h3{color:var(--text);margin:1rem 0 .6rem;font-size:1.35rem}.card p,.mini-card p,.timeline-card p,.comparison-card p{color:var(--muted);margin:0;line-height:1.8}.star-badge{background:var(--yellow);color:#222;border-radius:1rem;place-items:center;width:2.6rem;height:2.6rem;font-weight:900;display:inline-grid;box-shadow:0 12px 34px #ffe36e33}.mini-card{background:var(--surface-2)}.mini-card .star-badge{margin-bottom:1rem}.highlight-note{background:var(--yellow);border-radius:1.5rem}@supports (color:color-mix(in lab, red, red)){.highlight-note{background:color-mix(in srgb, var(--yellow) 20%, transparent)}}.highlight-note{color:var(--text);text-align:center;margin:1.5rem 0 0;padding:1.2rem;font-size:1.12rem;font-weight:900;line-height:1.8}.timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.timeline-card{background:var(--surface);position:relative}.timeline-card>span{background:var(--yellow);color:#222;border-radius:1.1rem;place-items:center;width:3.3rem;height:3.3rem;font-size:1.2rem;font-weight:900;display:inline-grid}.privacy-panel,.dark-panel{grid-template-columns:.9fr 1.1fr;align-items:start;gap:2rem;display:grid}.screen-card{gap:1rem;display:grid}.screen-card .phone-mockup{min-height:330px}.interactive-hero-showcase{isolation:isolate;max-width:520px;margin-inline:auto;position:relative}.interactive-hero-showcase:before,.interactive-hero-showcase:after{content:"";border:1px solid var(--mockup-border);background:var(--mockup-bg);opacity:.55;height:420px;box-shadow:0 30px 90px var(--mockup-shadow);z-index:-1;border-radius:2.2rem;animation:7s ease-in-out infinite showcase-float;position:absolute;inset:5rem 1.5rem auto}.interactive-hero-showcase:before{transform:rotate(-7deg)translate(-4rem)}.interactive-hero-showcase:after{animation-delay:-3s;transform:rotate(7deg)translate(4rem)}.mockup-tabs,.showcase-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.mockup-tabs button,.showcase-tabs button{border:1px solid var(--mockup-border);background:var(--mockup-bg);color:var(--mockup-muted);border-radius:999px;padding:.55rem .85rem;font-size:.85rem;font-weight:900;transition:background .22s,color .22s,transform .22s,border-color .22s}.mockup-tabs button:hover,.showcase-tabs button:hover{border-color:#ffe36e73;transform:translateY(-2px)}.mockup-tabs button.active,.showcase-tabs button.active{color:#222;background:#ffe36e;border-color:#ffe36e}.product-mockup{min-height:520px;transition:transform .3s,filter .3s;position:relative}.product-mockup.compact{min-height:330px}.product-mockup:hover{transform:translateY(-6px)}.mockup-depth{border:1px solid var(--mockup-border);background:var(--mockup-bg);pointer-events:none;border-radius:2.2rem;position:absolute;inset:2.2rem 1.4rem}.depth-one{opacity:.45;transform:rotate(-6deg)translate(-1.4rem)}.depth-two{opacity:.35;transform:rotate(6deg)translate(1.4rem)}.mockup-inner{z-index:1;min-height:inherit;border:1px solid var(--mockup-border);background:radial-gradient(circle at 50% 20%, #ffe36e14, transparent 18rem), linear-gradient(180deg, var(--mockup-bg-2), var(--mockup-bg));color:var(--mockup-text);box-shadow:0 34px 110px var(--mockup-shadow), inset 0 1px 0 #ffffff0a;border-radius:2.25rem;gap:1.2rem;padding:clamp(1rem,3vw,1.5rem);transition:box-shadow .28s,border-color .28s;display:grid;position:relative}.product-mockup:hover .mockup-inner,.showcase-card.active .mockup-inner{box-shadow:0 38px 130px var(--mockup-shadow), 0 0 34px #ffe36e1a;border-color:#ffe36e7a}.mockup-header{background:var(--mockup-inner);border-radius:1.6rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.mockup-header strong,.mockup-header small{display:block}.mockup-header strong{font-size:1.2rem}.mockup-header small{color:var(--mockup-muted);margin-top:.35rem;line-height:1.6}.mockup-star{color:#222;background:#ffe36e;border-radius:1.1rem;flex:none;place-items:center;width:3.3rem;height:3.3rem;font-size:1.35rem;display:grid;box-shadow:0 0 28px #ffe36e3d}.interactive-stars{justify-content:center;gap:clamp(.35rem,1.5vw,.75rem);display:flex}.interactive-stars button{color:var(--mockup-star-idle);text-shadow:none;background:0 0;border:0;padding:0;font-size:clamp(2rem,5vw,3.1rem);line-height:1;transition:color .18s,transform .18s,text-shadow .18s}.interactive-stars.compact button{font-size:clamp(1.5rem,3vw,2rem)}.interactive-stars button:hover,.interactive-stars button.filled{color:#ffe36e;text-shadow:0 0 22px #ffe36e61;transform:scale(1.08)}.rating-feedback{color:var(--mockup-muted);text-align:center;opacity:0;min-height:1.5rem;transition:opacity .22s,transform .22s;transform:translateY(-.3rem)}.rating-feedback.visible{opacity:1;transform:translateY(0)}.product-mockup textarea{border:1px solid var(--mockup-border);resize:none;background:var(--mockup-inner);width:100%;min-height:7rem;color:var(--mockup-text);border-radius:1.6rem;outline:none;padding:1rem;line-height:1.8;transition:border-color .22s,box-shadow .22s}.product-mockup textarea::placeholder{color:var(--mockup-muted)}.product-mockup textarea:focus{border-color:#ffe36e80;box-shadow:0 0 0 4px #ffe36e14}.mockup-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mockup-footer span{color:var(--mockup-muted);font-size:.85rem}.mockup-footer button,.order-row button{color:#222;background:#ffe36e;border:0;border-radius:999px;font-weight:900;transition:transform .18s,box-shadow .18s;box-shadow:0 0 30px #ffe36e3d}.mockup-footer button{min-width:12rem;padding:.95rem 1.4rem}.mockup-footer button:hover,.order-row button:hover{transform:translateY(-2px);box-shadow:0 0 42px #ffe36e5c}.orders-preview{align-self:center;gap:1rem;display:grid}.order-row{background:var(--mockup-inner);color:var(--mockup-muted);border-radius:1.3rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.order-row button{padding:.65rem 1rem}.shipping-icon{background:var(--mockup-inner);width:5rem;height:3.2rem;color:var(--mockup-muted);letter-spacing:.08em;border-radius:1rem;place-items:center;margin-inline:auto;font-weight:900;display:grid}.thank-you-preview{text-align:center;align-self:center;place-items:center;min-height:260px;display:grid}.thank-you-preview.compact{min-height:180px}.success-check{color:#222;background:#ffe36e;border-radius:50%;place-items:center;width:4rem;height:4rem;font-size:2rem;font-weight:900;animation:.42s cubic-bezier(.2,1.35,.4,1) both success-pop;display:grid;box-shadow:0 0 34px #ffe36e57}.thank-you-preview h4{color:var(--mockup-text);margin:1.2rem 0 .5rem;font-size:1.55rem}.thank-you-preview p{max-width:320px;color:var(--mockup-muted);line-height:1.8}.screens-showcase{gap:1.2rem;display:grid}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.showcase-card{border:1px solid var(--mockup-border);background:var(--mockup-bg);box-shadow:0 24px 70px var(--mockup-shadow);border-radius:2rem;gap:1rem;padding:1rem;transition:transform .26s,opacity .26s,border-color .26s,box-shadow .26s;display:grid}.showcase-card:not(.active){opacity:.78}.showcase-card:hover,.showcase-card.active{opacity:1;box-shadow:0 30px 90px var(--mockup-shadow), 0 0 32px #ffe36e14;border-color:#ffe36e73;transform:translateY(-7px)}.showcase-card h3{color:var(--mockup-text);margin:.25rem 0 0;font-size:1.2rem}.showcase-card p{color:var(--mockup-muted);margin:0;line-height:1.75}.mobile-carousel-controls{display:none}.carousel-dots{align-items:center;gap:.4rem;display:flex}.carousel-dots button{background:#b8bdc759;border:0;border-radius:999px;width:.55rem;height:.55rem;padding:0}.carousel-dots button.active{background:#ffe36e;width:1.35rem}@keyframes showcase-float{0%,to{translate:0}50%{translate:0 -12px}}@keyframes success-pop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.dark-panel{border:1px solid var(--yellow)}@supports (color:color-mix(in lab, red, red)){.dark-panel{border:1px solid color-mix(in srgb, var(--yellow) 32%, var(--border))}}.dark-panel{color:#fff;background:radial-gradient(circle at 20% 10%,#ffe36e29,#0000 22rem),#111318;border-radius:2.5rem;padding:clamp(1.5rem,5vw,3.5rem)}.dark-panel h2,.dark-panel p{color:#fff}.dark-panel p{opacity:.72}.dark-mini-card{background:#ffffff14;border:1px solid #ffffff1f}.dark-mini-card strong{color:#fff;margin-top:1rem;font-size:1.15rem;line-height:1.5;display:block}.comparison-card p{background:var(--surface-2);border-radius:1rem;margin-top:.75rem;padding:.9rem 1rem;font-weight:800}.comparison-card.after{border-color:var(--yellow)}@supports (color:color-mix(in lab, red, red)){.comparison-card.after{border-color:color-mix(in srgb, var(--yellow) 48%, var(--border))}}.comparison-card.after p{color:var(--text)}.tag-grid{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.privacy-panel .btn{margin-top:1.5rem}.trust-badge span{background:var(--blue);color:#222;border-radius:999px;place-items:center;width:2.2rem;height:2.2rem;font-size:.78rem;display:inline-grid}.accordion-list{gap:.85rem;display:grid}.accordion{border:1px solid var(--border);background:var(--surface-2);border-radius:1.25rem;padding:1rem}.accordion summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:1rem;font-weight:900;list-style:none;display:flex}.accordion summary span{background:var(--yellow);color:#222;border-radius:999px;flex:none;place-items:center;width:2rem;height:2rem;transition:rotate .18s;display:inline-grid}.accordion[open] summary span{rotate:45deg}.accordion p{color:var(--muted);margin:1rem 0 0;line-height:1.85}.narrow{width:min(100% - 2rem,880px)}.final-cta{text-align:center;background:linear-gradient(135deg, var(--yellow), var(--yellow-strong) 45%, var(--blue));color:#222}.final-cta img{margin-inline:auto;border-radius:1.35rem;width:4.2rem;height:4.2rem;margin-bottom:1.3rem}.final-cta h2,.final-cta p{color:#222}.final-cta p{max-width:700px;margin:1rem auto 0}.site-footer{padding-bottom:2rem}.footer-card{grid-template-columns:minmax(0,1.2fr) auto auto;align-items:center;gap:1.5rem;display:grid}.footer-card strong{color:var(--text);font-size:1.15rem}.footer-card p{color:var(--muted);margin:.35rem 0 0;line-height:1.75}.footer-links{color:var(--muted);flex-wrap:wrap;gap:1rem;font-weight:900;display:flex}.reveal-card{opacity:1;transform:translateY(0)}@supports (animation-timeline:view()){.reveal-card{animation:.75s both reveal-up;animation-timeline:view();animation-range:entry cover 28%}}@keyframes reveal-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (width<=1120px){.nav-inner{grid-template-columns:1fr}.brand,.nav-links,.nav-actions{justify-content:center}.nav-links{flex-wrap:wrap}}@media (width<=960px){.hero-grid,.privacy-panel,.dark-panel,.grid.two,.grid.three,.grid.four,.screens-grid,.showcase-grid,.timeline,.footer-card{grid-template-columns:1fr}.hero-copy{text-align:center;margin-inline:auto}.hero-eyebrow,.hero-actions,.pill-row{justify-content:center}.hero-visual{min-height:auto}.floating-card,.interactive-hero-showcase:before,.interactive-hero-showcase:after{display:none}}@media (width<=640px){.container,.narrow{width:min(100% - 1rem,1180px)}.section{padding-block:3.25rem}.panel,.privacy-panel,.final-cta,.footer-card{border-radius:1.75rem;padding:1rem}.nav-links{display:none}.sidebar-backdrop{display:block}.mobile-sidebar{display:flex}.nav-inner{flex-wrap:wrap;justify-content:space-between;gap:.65rem;padding-block:.6rem;display:flex}.brand{justify-content:flex-start;min-width:0;font-size:.98rem}.brand img{border-radius:.75rem;width:2.15rem;height:2.15rem}.nav-actions{order:2;margin-inline-start:auto}.nav-cta{flex:none;padding:.55rem .8rem;font-size:.82rem}.menu-toggle{order:3;display:inline-grid}.nav-actions>.segmented,.nav-actions>.theme-toggle{display:none}.hero h1{font-size:2.4rem}.phone-mockup{min-height:380px}.mockup-tabs,.showcase-tabs{scroll-snap-type:x mandatory;justify-content:flex-start;padding-bottom:.35rem;overflow-x:auto}.mockup-tabs button,.showcase-tabs button{scroll-snap-align:start;flex:none}.product-mockup{min-height:470px}.product-mockup.compact{min-height:330px}.mockup-depth{display:none}.mockup-inner{border-radius:1.65rem}.mockup-header{border-radius:1.25rem}.mockup-footer{flex-direction:column;align-items:stretch}.mockup-footer button{width:100%;min-width:0}.mobile-carousel-controls{justify-content:center;align-items:center;gap:1rem;display:flex}.mobile-carousel-controls>button{border:1px solid var(--mockup-border);background:var(--mockup-bg);color:#ffe36e;border-radius:999px;place-items:center;width:2.4rem;height:2.4rem;font-size:1.4rem;font-weight:900;display:grid}.showcase-grid{scroll-snap-type:x mandatory;gap:1rem;margin-inline:-.5rem;padding:.5rem .5rem 1rem;scroll-padding-inline:.5rem;display:flex;overflow-x:auto}.showcase-card{scroll-snap-align:center;flex:0 0 min(86vw,360px)}.showcase-card:not(.active){opacity:.92}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}