:root{--color-bg: #0A0A0A;--color-surface: #141414;--color-border: #1F1F1F;--color-gold: #D4A84B;--color-gold-light: #E8C878;--color-gold-dim: #8B7434;--color-text: #F5F5F5;--color-text-secondary: #A0A0A0;--color-text-muted: #666666;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--space-3xl: 96px;--space-4xl: 128px;--max-width: 1120px;--border-radius: 12px;--border-radius-sm: 8px;--transition: all .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:18px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:var(--color-gold);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-gold-light)}a:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text)}h1{font-size:clamp(36px,5vw,56px);font-weight:700}h2{font-size:clamp(28px,4vw,40px);margin-bottom:var(--space-lg)}h3{font-size:clamp(20px,2.5vw,24px)}p{margin-bottom:var(--space-sm)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}section{padding:var(--space-2xl) 0}@media(min-width:768px){section{padding:var(--space-3xl) 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:16px;font-weight:600;border-radius:var(--border-radius);border:none;cursor:pointer;transition:var(--transition);text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--color-gold) 0%,#B8923F 100%);color:var(--color-bg);box-shadow:0 4px 24px #d4a84b4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 32px #d4a84b66;color:var(--color-bg)}.btn-secondary{background:transparent;border:1px solid var(--color-gold);color:var(--color-gold)}.btn-secondary:hover{background:#d4a84b1a;color:var(--color-gold-light)}.btn-appstore{background:#fff;color:#000;padding:12px 26px;border-radius:14px;display:inline-flex;align-items:center;gap:14px;text-decoration:none;box-shadow:0 4px 20px #ffffff26,0 0 30px #d4a84b33;transition:all .3s cubic-bezier(.2,.8,.2,1);border:1px solid rgba(255,255,255,.3)}.btn-appstore:hover{background:#f0f0f0;color:#000;transform:translateY(-2px);box-shadow:0 8px 30px #ffffff40,0 0 40px #d4a84b59}.btn-appstore svg{width:28px;height:28px;flex-shrink:0}.btn-appstore .btn-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.btn-appstore .btn-subtext{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.75}.btn-appstore .btn-maintext{font-size:18px;font-weight:700;letter-spacing:-.01em}.logo{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--color-text);letter-spacing:-.01em}.logo img{border-radius:8px}.logo:hover{color:var(--color-gold-light)}.hero{min-height:85vh;display:flex;align-items:center;padding:clamp(40px,6vw,80px) 0 clamp(48px,8vw,96px);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:20%;right:15%;width:650px;height:650px;background:radial-gradient(circle,rgba(212,168,75,.12) 0%,rgba(212,168,75,.03) 45%,transparent 70%);pointer-events:none;z-index:0}.hero:after{content:"";position:absolute;bottom:0;left:10%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,116,52,.06) 0%,transparent 65%);pointer-events:none;z-index:0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,64px);align-items:center;position:relative;z-index:1}.hero-text-col{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.text-gradient-gold{background:linear-gradient(135deg,var(--color-gold-light) 0%,var(--color-gold) 60%,#9F792A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero h1{font-size:clamp(34px,4.5vw,54px);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin-bottom:var(--space-md)}.hero-subtitle{font-size:clamp(17px,1.8vw,20px);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-lg);max-width:540px}.hero-cta-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:var(--space-md)}.qr-preview-wrapper{position:relative;display:inline-flex}.qr-trigger-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--color-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.qr-trigger-btn:hover{background:#d4a84b1f;border-color:#d4a84b59;color:var(--color-gold-light)}.qr-popover{position:absolute;top:calc(100% + 12px);left:0;z-index:50;width:220px;padding:16px;background:#141414;border:1px solid rgba(212,168,75,.3);border-radius:16px;box-shadow:0 16px 40px #000000b3,0 0 20px #d4a84b26;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s cubic-bezier(.2,.8,.2,1);text-align:center;pointer-events:none}.qr-preview-wrapper:hover .qr-popover,.qr-preview-wrapper:focus-within .qr-popover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.qr-popover img{width:140px;height:140px;margin:0 auto 10px;border-radius:8px;background:#141414;padding:4px}.qr-popover p{font-size:12px;color:var(--color-text-secondary);line-height:1.4;margin-bottom:0}.hero-social-proof{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-md)}.hero-trust-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary);font-weight:500}.stars{color:var(--color-gold);font-size:16px;letter-spacing:2px}.hero-pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}@media(min-width:640px){.hero-pills{flex-wrap:nowrap}}.hero-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:100px;font-size:12.5px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;letter-spacing:-.01em}.hero-visual-col{display:flex;justify-content:center;align-items:center;position:relative}.hero-device-showcase{position:relative;width:100%;max-width:330px;margin:0 auto}.device-ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:110%;background:radial-gradient(circle,rgba(212,168,75,.22) 0%,rgba(212,168,75,.06) 50%,transparent 75%);filter:blur(28px);pointer-events:none;z-index:0}.iphone-device{position:relative;z-index:1;background:#000;border-radius:46px;padding:10px;box-shadow:0 0 0 2px #333,0 0 0 5px #1a1a1a,0 25px 60px -15px #000000e6,0 0 40px #d4a84b33;overflow:hidden;transition:transform .4s ease}.iphone-device:hover{transform:translateY(-4px) scale(1.01)}.iphone-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:10;pointer-events:none}.dynamic-island{width:84px;height:22px;background:#000;border-radius:20px;box-shadow:0 0 2px #ffffff26}.iphone-screen-img{display:block;width:100%;height:auto;border-radius:38px;background:#0a0a0a}.floating-badge{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:8px 14px;background:#121212e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(212,168,75,.35);border-radius:14px;box-shadow:0 14px 34px #000000a6,0 0 20px #d4a84b1f;pointer-events:none}.floating-icon{font-size:18px;line-height:1}.floating-badge-text{display:flex;flex-direction:column;text-align:left}.floating-badge-text strong{font-size:12px;color:var(--color-text);line-height:1.2}.floating-badge-text span{font-size:11px;color:var(--color-gold-light);line-height:1.2}.badge-top-right{top:12%;right:-24px;animation:float-async-1 5.2s ease-in-out infinite alternate}.badge-bottom-left{bottom:22%;left:-28px;animation:float-async-2 6.6s ease-in-out infinite alternate .8s}.badge-bottom-right{bottom:6%;right:-16px;animation:float-async-3 4.7s ease-in-out infinite alternate 1.6s}@keyframes float-async-1{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.6deg)}to{transform:translateY(-11px) rotate(-.5deg)}}@keyframes float-async-2{0%{transform:translateY(0) rotate(0)}45%{transform:translateY(-9px) rotate(-.8deg)}to{transform:translateY(-13px) rotate(.4deg)}}@keyframes float-async-3{0%{transform:translateY(0) rotate(0)}55%{transform:translateY(-6px) rotate(.7deg)}to{transform:translateY(-10px) rotate(-.3deg)}}.how-it-works{position:relative;background:linear-gradient(180deg,var(--color-bg) 0%,rgba(20,20,20,.6) 50%,var(--color-bg) 100%);padding:clamp(60px,8vw,100px) 0}.steps-premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-2xl);position:relative}.step-card-premium{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:clamp(24px,3vw,32px);display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;gap:var(--space-md);position:relative;overflow:hidden;height:100%;transition:all .35s cubic-bezier(.2,.8,.2,1)}.step-card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(212,168,75,.4),transparent);opacity:0;transition:opacity .3s ease}.step-card-premium:hover{border-color:#d4a84b66;transform:translateY(-5px);box-shadow:0 16px 36px #0009,0 0 25px #d4a84b14}.step-card-premium:hover:before{opacity:1}.step-top-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:var(--space-xs);width:100%}.step-number-badge{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--color-gold);background:#d4a84b1a;border:1px solid rgba(212,168,75,.25);padding:4px 10px;border-radius:8px}.step-header-icon{font-size:22px;line-height:1}.step-card-content{text-align:center;flex:1;display:flex;flex-direction:column;align-items:center}.step-card-content h3{font-size:20px;font-weight:700;color:var(--color-text);margin-bottom:var(--space-xs);line-height:1.3;text-align:center}.step-card-content p{font-size:15px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:0;text-align:center;max-width:320px}.step-micro-visual{background:#0a0a0ab3;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-top:var(--space-sm);width:100%;min-height:76px;box-sizing:border-box}.micro-rhythm-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px}.micro-rhythm-pill{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:#ffffff0d;color:var(--color-text-secondary)}.micro-rhythm-pill.active{background:#d4a84b26;border:1px solid rgba(212,168,75,.35);color:var(--color-gold-light)}.haptic-pulse-bars{display:flex;align-items:center;justify-content:center;gap:4px;height:22px}.haptic-bar{width:4px;background:var(--color-gold);border-radius:4px;animation:haptic-wave 1.6s ease-in-out infinite alternate}.haptic-bar:nth-child(1){height:8px;animation-delay:0s}.haptic-bar:nth-child(2){height:16px;animation-delay:.15s}.haptic-bar:nth-child(3){height:22px;animation-delay:.3s}.haptic-bar:nth-child(4){height:14px;animation-delay:.45s}.haptic-bar:nth-child(5){height:9px;animation-delay:.6s}@keyframes haptic-wave{0%{transform:scaleY(.4);opacity:.4}to{transform:scaleY(1.1);opacity:1}}.micro-meta-label{font-size:11.5px;color:var(--color-text-muted);text-align:center;display:flex;align-items:center;justify-content:center;gap:5px}.micro-sleep-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--color-gold-light);font-weight:500;height:22px}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-xl)}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);transition:var(--transition)}.feature-card:hover{border-color:var(--color-gold-dim);transform:translateY(-4px)}.feature-icon{font-size:32px;margin-bottom:var(--space-sm)}.feature-card h3{margin-bottom:var(--space-xs);font-size:20px}.feature-card p{color:var(--color-text-secondary);font-size:16px;margin-bottom:0}.section-subtitle{color:var(--color-text-secondary);max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-xl)}.section-utility-link{margin-top:var(--space-lg)}.patterns-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-xl)}@media(min-width:640px){.patterns-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.patterns-grid{grid-template-columns:repeat(3,1fr)}}.pattern-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);transition:var(--transition)}.pattern-card:hover{border-color:var(--color-gold-dim);transform:translateY(-4px)}.pattern-card h3{margin-bottom:var(--space-xs);font-size:20px;color:var(--color-gold-light)}.pattern-rhythm{display:inline-block;font-size:14px;font-weight:600;color:var(--color-gold);background:#d4a84b1a;padding:4px 12px;border-radius:20px;margin-bottom:var(--space-sm)}.pattern-card p{color:var(--color-text-secondary);font-size:16px;margin-bottom:0}.presets{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface) 50%,var(--color-bg) 100%)}.presets-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-xl)}@media(min-width:640px){.presets-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.presets-grid{grid-template-columns:repeat(3,1fr)}}.preset-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);transition:var(--transition)}.preset-card:hover{border-color:var(--color-gold-dim);transform:translateY(-4px)}.preset-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.preset-header h3{font-size:20px;color:var(--color-gold-light)}.preset-duration{font-size:14px;font-weight:600;color:var(--color-gold);background:#d4a84b1a;padding:4px 12px;border-radius:20px;flex-shrink:0}.preset-card p{color:var(--color-text-secondary);font-size:16px;margin-bottom:0}.history{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface) 50%,var(--color-bg) 100%)}.history-content{max-width:600px;margin:0 auto;text-align:center}.history .logo{margin-bottom:var(--space-lg);justify-content:center}.history h2{margin-bottom:var(--space-xs)}.history-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.stat-icon{font-size:28px}.stat-label{font-size:14px;color:var(--color-text-secondary);font-weight:500}.history-detail{color:var(--color-text-secondary);font-size:16px;margin-bottom:var(--space-xl)}.faq-list{max-width:800px;margin:var(--space-xl) auto 0}.faq-item{border-bottom:1px solid var(--color-border)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) 0;background:none;border:none;color:var(--color-text);font-size:18px;font-weight:500;text-align:left;cursor:pointer;transition:var(--transition)}.faq-question:hover{color:var(--color-gold)}.faq-question:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.faq-icon{font-size:24px;color:var(--color-gold);transition:var(--transition);flex-shrink:0}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{display:none;padding-bottom:var(--space-md);color:var(--color-text-secondary);line-height:1.7}.faq-item.active .faq-answer{display:block}.footer{padding:var(--space-2xl) 0;border-top:1px solid var(--color-border);text-align:center}.footer .logo{margin-bottom:var(--space-lg);justify-content:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md)}.footer-links a{color:var(--color-text-secondary);font-size:14px}.footer-links a:hover{color:var(--color-gold)}.footer-contact{color:var(--color-text-muted);font-size:14px;margin-bottom:var(--space-md)}.footer-contact a{color:var(--color-text-secondary)}.footer-copyright{color:var(--color-text-muted);font-size:12px}.legal-page{padding:var(--space-lg) 0 var(--space-3xl)}.legal-page .container{max-width:800px}.legal-page h1{font-size:clamp(32px,4vw,48px);margin-bottom:var(--space-xs)}.legal-date{color:var(--color-text-muted);margin-bottom:var(--space-xl)}.legal-content h2{font-size:24px;margin-top:var(--space-xl);margin-bottom:var(--space-sm);color:var(--color-gold-light)}.legal-content h3{font-size:20px;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.legal-content p{color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.article-meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--color-text-muted);font-size:14px;margin-bottom:var(--space-lg)}.article-meta span{position:relative}.article-meta span:not(:last-child):after{content:"•";position:absolute;right:-12px;color:var(--color-text-muted)}.trust-panel,.sources-panel{background:linear-gradient(180deg,#d4a84b14,#141414e6);border:1px solid rgba(212,168,75,.2);border-radius:var(--border-radius);padding:var(--space-lg);margin:var(--space-lg) 0}.trust-panel h2,.sources-panel h2{margin-top:0;margin-bottom:var(--space-sm);font-size:22px}.trust-list,.source-list{list-style:none;padding-left:0;margin-bottom:var(--space-md)}.trust-list li,.source-list li{padding-left:0;margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.trust-note,.sources-intro,.sources-disclaimer{color:var(--color-text-secondary);font-size:16px}.source-list a{display:inline-block;margin-right:8px}.source-publisher,.source-note{display:block;font-size:14px;color:var(--color-text-muted)}.legal-content ul{list-style:none;padding-left:0;margin-bottom:var(--space-md)}.legal-content li{position:relative;padding-left:var(--space-md);margin-bottom:var(--space-xs);color:var(--color-text-secondary)}.legal-content li:before{content:"•";position:absolute;left:0;color:var(--color-gold)}.legal-content strong{color:var(--color-text)}.legal-disclaimer{margin-top:var(--space-xl);padding:var(--space-md);background:var(--color-surface);border-left:3px solid var(--color-gold);border-radius:var(--border-radius-sm);font-style:italic;color:var(--color-text-secondary)}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-lg);color:var(--color-text-secondary);font-size:14px}.back-link:hover{color:var(--color-gold)}.content-page .container{max-width:860px}.content-kicker{color:var(--color-gold);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-sm)}.article-lead{font-size:20px;line-height:1.7;color:var(--color-text);margin-bottom:var(--space-lg)}.content-callout,.content-cta{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);margin:var(--space-xl) 0}.content-callout p,.content-cta p{margin-bottom:0}.content-card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin:var(--space-lg) 0}@media(min-width:768px){.content-card-grid{grid-template-columns:repeat(3,1fr)}}.content-list{margin:0 0 var(--space-lg) 0;padding-left:24px}.content-list li{margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.content-links{list-style:none;padding-left:0}.content-links li{margin-bottom:var(--space-sm)}.content-link{font-weight:600}.guide-hub-grid{margin-top:var(--space-xl)}.blog-hub-grid{grid-template-columns:1fr}@media(min-width:768px){.blog-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.guide-card-title{font-size:24px;margin-bottom:var(--space-sm)}.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}.site-header{position:sticky;top:0;left:0;right:0;z-index:100;background:#0a0a0ae0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:14px 0;transition:all .3s ease}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.nav-actions{display:flex;align-items:center;gap:var(--space-lg)}.top-links{display:flex;align-items:center;gap:var(--space-md)}.top-links a{color:var(--color-text-secondary);font-size:14px;font-weight:500;padding:4px 8px;border-radius:6px;transition:var(--transition)}.top-links a:hover{color:var(--color-gold-light);background:#d4a84b0f}.btn-nav-cta{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;background:#fff;color:#000;border-radius:10px;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:var(--transition);text-decoration:none;box-shadow:0 2px 10px #ffffff1a}.btn-nav-cta:hover{background:#f0f0f0;color:#000;transform:translateY(-1px);box-shadow:0 4px 16px #d4a84b4d}.feature-showcase-section{padding:clamp(48px,8vw,96px) 0}.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);margin-top:var(--space-2xl)}.showcase-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;padding:clamp(24px,4vw,36px);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-lg);transition:all .35s ease;position:relative;overflow:hidden}.showcase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,168,75,.3) 50%,transparent 100%)}.showcase-card:hover{border-color:#d4a84b66;transform:translateY(-4px);box-shadow:0 20px 40px #00000080,0 0 30px #d4a84b14}.showcase-card-large{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.showcase-content{display:flex;flex-direction:column;gap:var(--space-sm);z-index:1}.showcase-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-gold);text-transform:uppercase;letter-spacing:.06em}.showcase-content h3{font-size:clamp(22px,2.5vw,28px);font-weight:700;line-height:1.25;color:var(--color-text)}.showcase-content p{color:var(--color-text-secondary);font-size:16px;line-height:1.6;margin-bottom:var(--space-xs)}.showcase-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-xs)}.showcase-tag{display:inline-flex;align-items:center;padding:4px 10px;background:#d4a84b14;border:1px solid rgba(212,168,75,.2);border-radius:8px;font-size:12px;font-weight:500;color:var(--color-gold-light)}.showcase-visual{display:flex;justify-content:center;align-items:center;position:relative;padding:var(--space-md) 0 0}.showcase-phone-frame{max-width:240px;width:100%;border-radius:28px;background:#000;padding:6px;border:2px solid #282828;box-shadow:0 16px 36px #000c,0 0 24px #d4a84b1a;overflow:hidden}.showcase-phone-frame img{border-radius:22px;width:100%;height:auto;display:block}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#d4a84b14;border:1px solid rgba(212,168,75,.25);border-radius:100px;font-size:13px;font-weight:500;color:var(--color-gold);margin-bottom:var(--space-md);letter-spacing:.01em}.badge-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.testimonials{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface) 50%,var(--color-bg) 100%)}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-xl)}@media(min-width:768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);transition:var(--transition)}.testimonial-card:hover{border-color:var(--color-gold-dim);transform:translateY(-4px)}.testimonial-featured{border-color:var(--color-gold-dim);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(212,168,75,.06) 100%);box-shadow:0 0 40px #d4a84b14}.testimonial-stars{color:var(--color-gold);font-size:16px;letter-spacing:2px}.testimonial-card blockquote{flex:1}.testimonial-card blockquote p{color:var(--color-text-secondary);font-size:15px;line-height:1.65;font-style:italic;margin-bottom:0}.testimonial-author{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.testimonial-name{font-weight:600;font-size:14px;color:var(--color-text)}.testimonial-source{font-size:12px;color:var(--color-text-muted)}.pattern-card--featured{border-color:var(--color-gold-dim);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(212,168,75,.06) 100%);position:relative}.pattern-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-bg);background:linear-gradient(135deg,var(--color-gold) 0%,#B8923F 100%);padding:3px 10px;border-radius:100px;margin-bottom:var(--space-xs)}.why-free{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface) 50%,var(--color-bg) 100%)}.why-free-content{max-width:680px;margin:0 auto;text-align:center}.why-free-icon{font-size:48px;margin-bottom:var(--space-md);display:block}.why-free-subtitle{color:var(--color-gold);font-size:16px;font-weight:500;margin-bottom:var(--space-md)}.why-free-body{color:var(--color-text-secondary);font-size:17px;line-height:1.75;margin-bottom:var(--space-xl)}.why-free-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.why-free-pillar{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-md) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius)}.pillar-icon{font-size:24px}.why-free-pillar strong{font-size:15px;color:var(--color-text)}.why-free-pillar span{font-size:13px;color:var(--color-text-muted)}.final-cta{padding:var(--space-4xl) 0;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(212,168,75,.08) 0%,transparent 65%);pointer-events:none}.final-cta-content{max-width:680px;margin:0 auto;text-align:center;position:relative;z-index:1}.final-cta-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.final-cta-content h2{font-size:clamp(28px,4vw,44px);margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--color-text) 0%,var(--color-gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-cta-sub{color:var(--color-text-secondary);font-size:17px;margin-bottom:var(--space-xl)}.final-cta-actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.btn-large{padding:14px 30px}.final-cta-note{margin-top:var(--space-md);font-size:13px;color:var(--color-text-muted);margin-bottom:0}@media(max-width:992px){.hero-grid{grid-template-columns:1fr;gap:var(--space-2xl);text-align:center}.hero-text-col{align-items:center;text-align:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta-cluster,.hero-social-proof,.hero-pills{justify-content:center}.hero-device-showcase{max-width:280px}.floating-badge{display:none}.showcase-grid,.showcase-card-large{grid-template-columns:1fr}.steps-premium-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}}@media(max-width:768px){body{font-size:16px}section{padding:var(--space-xl) 0}.top-links{display:none}.why-free-pillars{grid-template-columns:1fr;max-width:280px;margin:0 auto}.steps-premium-grid{gap:var(--space-md)}.step-card-premium{padding:var(--space-lg)}.features-grid,.patterns-grid,.presets-grid{grid-template-columns:1fr}.faq-question{font-size:16px}.footer-links{flex-direction:column;gap:var(--space-sm)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}