body{background:var(--color-bg);color:var(--color-text);font-family:Nunito Sans,system-ui,sans-serif}@keyframes heroFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(3%,-2%) scale(1.03)}66%{transform:translate(-2%,1%) scale(.97)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.ota-hero{background:#0a1424;overflow:hidden;padding:clamp(80px,12vw,120px) var(--space-md) clamp(100px,14vw,140px);position:relative}.ota-hero-bg{animation:heroFloat 22s ease-in-out infinite;background:radial-gradient(circle at 70% 25%,rgba(1,174,212,.34),transparent 48%),radial-gradient(circle at 20% 75%,rgba(0,201,167,.24),transparent 48%),radial-gradient(circle at 52% 48%,rgba(99,102,241,.14),transparent 42%);inset:-40%;pointer-events:none;position:absolute}.ota-hero:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");background-size:200px;inset:0;opacity:.6;z-index:1}.ota-hero:after,.ota-hero:before{content:"";pointer-events:none;position:absolute}.ota-hero:after{background:linear-gradient(180deg,transparent,#0c1829);bottom:-1px;height:120px;left:0;right:0;z-index:2}.ota-hero-inner{animation:fadeUp .9s var(--ease-out) both;margin:0 auto;max-width:840px;position:relative;text-align:center;z-index:3}.ota-hero h1{background:linear-gradient(135deg,#fff 5%,#a5f3fc 40%,#5eead4 75%,#fff);-webkit-background-clip:text;background-size:200% 200%;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0;-webkit-text-fill-color:transparent;background-clip:text}.ota-hero-lead{color:hsla(0,0%,100%,.65);font-size:1.15rem;line-height:1.65;margin:var(--space-lg) auto 0;max-width:48ch}.ota-pain-section{background:#0c1829;overflow:hidden;padding:var(--space-3xl) var(--space-md) calc(var(--space-3xl) + 40px);position:relative}.ota-pain-section:before{background:radial-gradient(circle,rgba(1,174,212,.12),transparent 60%);content:"";height:60%;pointer-events:none;position:absolute;right:-10%;top:-20%;width:50%}.ota-pain-section:after{background:radial-gradient(circle,rgba(0,201,167,.08),transparent 60%);bottom:5%;content:"";height:55%;left:-10%;pointer-events:none;position:absolute;width:45%}.ota-pain-section-inner{margin:0 auto;max-width:960px;position:relative;text-align:center;z-index:1}.ota-pain-heading{color:hsla(0,0%,100%,.92);font-size:clamp(1.5rem,3.5vw,2.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0 0 var(--space-2xl)}.ota-pain-cards{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin:0 auto;padding:0;text-align:left}.ota-pain-card{border-radius:var(--radius-xl);display:flex;flex-direction:column;margin:0;overflow:hidden;padding:0;position:relative;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.ota-pain-card,.ota-pain-section.pain-cards-dark .ota-pain-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 4px 32px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.06)}.ota-pain-card:hover,.ota-pain-section.pain-cards-dark .ota-pain-card:hover{border-color:rgba(1,174,212,.25);box-shadow:0 24px 56px rgba(0,0,0,.25),0 8px 16px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.08);transform:translateY(-6px)}.ota-pain-section.pain-cards-light .ota-pain-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 32px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.06)}.ota-pain-section.pain-cards-light .ota-pain-card:before{display:none}.ota-pain-section.pain-cards-light .ota-pain-card:hover{border-color:rgba(1,174,212,.3);box-shadow:0 24px 56px rgba(0,0,0,.25),0 8px 16px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.08);transform:translateY(-6px)}.ota-pain-card-header{align-items:flex-start;display:flex;gap:var(--space-md);padding:var(--space-xl) var(--space-xl) var(--space-sm)}.ota-pain-section.pain-cards-light .ota-pain-card-header{padding-top:var(--space-xl)}.ota-pain-card-visual{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.ota-pain-card-visual,.ota-pain-section.pain-cards-light .ota-pain-card-visual{background:rgba(1,174,212,.12)}.ota-pain-card-icon{display:block;height:32px;object-fit:contain;width:32px}.ota-pain-card-title{color:#fff;font-size:1.125rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;margin:0;padding-top:var(--space-sm)}.ota-pain-section.pain-cards-light .ota-pain-card-title{color:hsla(0,0%,100%,.95)}.ota-pain-card-body{font-size:.9375rem;line-height:1.7;margin:0;padding:0 var(--space-xl) var(--space-xl)}.ota-pain-card-body,.ota-pain-section.pain-cards-light .ota-pain-card-body{color:hsla(0,0%,100%,.6)}.ota-pain-card>p,.ota-pain-card>ul{color:hsla(0,0%,100%,.6);font-size:.9375rem;line-height:1.7;margin:0;padding-left:var(--space-xl);padding-right:var(--space-xl)}.ota-pain-section.pain-cards-light .ota-pain-card>p,.ota-pain-section.pain-cards-light .ota-pain-card>ul{color:hsla(0,0%,100%,.6)}.ota-pain-card>p{padding-bottom:var(--space-xl)}.ota-pain-card>ul{list-style:none;padding-bottom:var(--space-md)}.ota-pain-card-body ul{list-style:none;margin:var(--space-xs) 0 0;padding-left:0}ul.ota-pain-card-body{list-style:none;padding-left:var(--space-xl);padding-right:var(--space-xl)}.ota-pain-card-body ul li,.ota-pain-card>ul>li,ul.ota-pain-card-body>li{margin-bottom:var(--space-xs);padding-left:calc(var(--space-md) + 2px);position:relative}.ota-pain-card-body ul li:before,.ota-pain-card>ul>li:before,ul.ota-pain-card-body>li:before{background:#5eead4;border-radius:var(--radius-full);content:"";height:5px;left:0;opacity:.9;position:absolute;top:.65em;width:5px}.ota-hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-md)}.ota-btn-primary,.ota-hero-cta{align-items:center;justify-content:center}.ota-btn-primary{background:var(--color-gradient);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-primary),0 0 0 0 rgba(1,174,212,0);color:#fff!important;cursor:pointer;display:inline-flex;font-size:1.0625rem;font-weight:700;padding:14px 32px;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.ota-btn-primary:hover{box-shadow:var(--shadow-primary-lg),0 0 0 4px rgba(1,174,212,.1);transform:translateY(-2px)}.ota-btn-primary:active{transform:translateY(0)}.ota-btn-secondary{border-bottom:2px solid transparent;color:var(--color-primary);font-size:1.0625rem;font-weight:600;padding:12px 10px;transition:border-color var(--duration-fast) var(--ease-out)}.ota-btn-secondary:hover{border-bottom-color:var(--color-primary)}.ota-section{background:var(--color-bg);padding:clamp(48px,8vw,80px) var(--space-md);position:relative}.ota-section:before{background:radial-gradient(ellipse 60% 40% at 30% 50%,rgba(1,174,212,.03),transparent 60%),radial-gradient(ellipse 50% 35% at 80% 80%,rgba(0,201,167,.02),transparent 50%);content:"";inset:0;pointer-events:none;position:absolute}.ota-section-alt{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);border-top:1px solid var(--color-border-light)}.ota-section-inner{margin:0 auto;max-width:1040px;position:relative}.ota-section h2{color:var(--color-text);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.03em;margin:0 0 var(--space-lg);position:relative;text-align:center}.ota-section h2:after{display:none}.ota-section-intro{color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.65;margin:0 auto var(--space-2xl);max-width:56ch;text-align:center}.ota-feature-grid{align-items:start;display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:var(--space-xl) 0 0;padding:0}.ota-feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 2px 8px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.04);overflow:hidden;padding:var(--space-xl);position:relative;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.ota-feature-card:before{background:var(--color-gradient);border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:4px;left:0;opacity:1;position:absolute;right:0;top:0}.ota-section-alt .ota-feature-card{background:var(--color-bg)}.ota-feature-card:hover{border-color:rgba(1,174,212,.35);box-shadow:0 20px 48px rgba(0,0,0,.09),0 8px 16px rgba(0,0,0,.05);transform:translateY(-6px)}.ota-feature-icon-pair{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.ota-feature-icon-pair .ota-feature-icon{margin-bottom:0}.ota-feature-icon{display:inline-block;filter:drop-shadow(0 2px 6px rgba(1,174,212,.2));margin-bottom:var(--space-md);object-fit:contain;transition:transform var(--duration-normal) var(--ease-out)}.ota-feature-card:hover .ota-feature-icon{transform:scale(1.08)}.ota-feature-card h3{color:var(--color-text);font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.3;margin:0 0 var(--space-md)}.ota-feature-card p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.65;margin:0}.ota-feature-card ul{list-style:none;margin:0;padding:0}.ota-feature-card ul li{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.65;margin-bottom:var(--space-sm);padding-left:var(--space-lg);position:relative}.ota-feature-card ul li:last-child{margin-bottom:0}.ota-feature-card ul li:before{background:var(--color-primary-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2301AED4' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 11.3 3.7 8.5l.9-.9 1.9 1.9 4.9-4.9.9.9z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px;border-radius:var(--radius-full);content:"";height:16px;left:2px;position:absolute;top:6px;width:16px}.pkg-mockup{background:linear-gradient(180deg,#fcfcfd,#f8f9fb);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-top:var(--space-lg);max-height:540px;overflow:hidden;position:relative}.pkg-mockup-header{align-items:center;background:linear-gradient(180deg,#fdfdfe,#f8f9fb);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:10px 14px}.pkg-mockup-title{color:var(--color-text);font-size:.8125rem;font-weight:800;letter-spacing:-.01em}.pkg-mockup-badge{background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary);font-size:.6875rem;font-weight:700;padding:3px 8px}.ota-feature-card .pkg-mockup{background:#0f172a;border:none;border-radius:var(--radius-xl);box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06)}.ota-feature-card .pkg-mockup-header{background:linear-gradient(180deg,#1e293b,#162032);border-bottom:1px solid hsla(0,0%,100%,.06);padding:12px 16px}.ota-feature-card .pkg-mockup-title{color:hsla(0,0%,100%,.88)}.ota-feature-card .pkg-mockup-badge{background:rgba(1,174,212,.15);color:#67e8f9}.ota-feature-card .pkg-mockup-form{background:linear-gradient(180deg,#fcfcfd,#f7f8fa);border-radius:0 0 calc(var(--radius-xl) - 1px) calc(var(--radius-xl) - 1px)}.ota-feature-card .pkg-mockup-fade{background:linear-gradient(180deg,transparent,#f7f8fa 85%,#f7f8fa)}.pkg-mockup-form{display:flex;flex-direction:column;gap:10px;padding:14px}.pkg-mockup-row{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.pkg-mockup-row:nth-child(2){grid-template-columns:1fr 1fr}.pkg-mockup-row--single{grid-template-columns:1fr}.pkg-mockup-field{display:flex;flex-direction:column;gap:4px}.pkg-mockup-field--full{width:100%}.pkg-mockup-field--toggle{align-items:center;flex-direction:row;gap:8px;padding:6px 0}.pkg-mockup-label{color:var(--color-text-secondary);font-size:.6875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.pkg-mockup-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.75rem;padding:7px 10px}.pkg-mockup-input--stepper{align-items:center;display:flex;gap:4px;justify-content:space-between;padding:4px 6px;text-align:center}.pkg-mockup-stepper-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:22px;justify-content:center;line-height:1;width:22px}.pkg-mockup-stepper-val{color:var(--color-text);font-size:.8125rem;font-weight:700;min-width:18px;text-align:center}.pkg-mockup-toggle{background:var(--color-border);border-radius:9px;flex-shrink:0;height:18px;position:relative;transition:background .2s;width:32px}.pkg-mockup-toggle:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.15);content:"";height:14px;left:2px;position:absolute;top:2px;transition:transform .2s;width:14px}.pkg-mockup-toggle--on{background:var(--color-primary)}.pkg-mockup-toggle--on:after{transform:translateX(14px)}.pkg-mockup-input--select{align-items:center;display:flex;gap:6px;justify-content:space-between}.pkg-mockup-chevron{color:var(--color-text-muted);font-size:.625rem;line-height:1}.pkg-mockup-row--cards{display:grid;gap:8px;grid-template-columns:1fr 1fr}.pkg-mockup-resort-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.pkg-mockup-resort-img{display:block;height:64px;object-fit:cover;width:100%}.pkg-mockup-resort-info{display:flex;flex-direction:column;gap:1px;padding:6px 8px}.pkg-mockup-resort-name{color:var(--color-text);font-size:.6875rem;font-weight:700;line-height:1.3}.pkg-mockup-resort-meta{color:var(--color-text-muted);font-size:.625rem;line-height:1.3}.pkg-mockup-section-label{color:var(--color-text);font-size:.6875rem;font-weight:700;letter-spacing:.04em;margin-top:4px;text-transform:uppercase}.pkg-mockup-row--chips{display:flex;flex-wrap:wrap;gap:6px}.pkg-mockup-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.6875rem;font-weight:600;padding:5px 10px;white-space:nowrap}.pkg-mockup-chip--active{background:var(--color-primary-light);border-color:rgba(1,174,212,.35);color:var(--color-primary)}.pkg-mockup-fade{background:linear-gradient(180deg,transparent,#f8f9fb 85%,#f7f8fa);bottom:0;height:70px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.ota-showcase{background:linear-gradient(180deg,var(--color-bg) 0,var(--color-surface) 35%,var(--color-bg) 100%);padding:clamp(48px,8vw,80px) var(--space-md)}.ota-showcase-inner{max-width:1100px}.ota-showcase h3{color:var(--color-text);font-size:clamp(1.5rem,3.5vw,2.1rem);font-weight:800;letter-spacing:-.03em;margin:0 0 var(--space-sm);text-align:center}.ota-mock-stage{margin-top:var(--space-xl)}.ota-mock{margin:0 auto;max-width:920px}.ota-mock-browser{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 24px 64px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.06);overflow:hidden}.ota-mock-chrome{align-items:center;background:linear-gradient(180deg,#2d3748,#1e2a3a);border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;gap:var(--space-md);padding:10px 14px}.ota-mock-dots{display:flex;flex-shrink:0;gap:7px}.ota-mock-dots span{border-radius:50%;height:11px;width:11px}.ota-mock-dots span:first-child{background:#ff5f57}.ota-mock-dots span:nth-child(2){background:#febc2e}.ota-mock-dots span:nth-child(3){background:#28c840}.ota-mock-url{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-sm);color:hsla(0,0%,100%,.5);flex:1;font-family:ui-monospace,monospace;font-size:.75rem;overflow:hidden;padding:7px 12px;text-overflow:ellipsis;white-space:nowrap}.ota-mock-body{background:linear-gradient(180deg,#fafbfc 0,var(--color-surface) 100%);padding:var(--space-lg) var(--space-lg) var(--space-md);position:relative}.ota-mock-site-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-sm) 0 var(--space-md)}.ota-mock-logo-fake{color:#2c3e50;font-size:1.25rem;font-weight:800;margin-right:auto}.ota-mock-nav-fake{color:var(--color-text-secondary);font-size:.8125rem;padding:6px 10px}.ota-mock-breadcrumb{color:var(--color-text-muted);font-size:.8125rem;margin:0 0 var(--space-sm)}.ota-mock-page-title{color:var(--color-text);font-size:1rem;font-weight:800;margin:0 0 var(--space-lg)}.ota-mock-annot{pointer-events:none;position:absolute;z-index:2}.ota-mock-annot-label{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.04em;padding:5px 10px;text-transform:uppercase;white-space:nowrap}.ota-mock-annot--nav{right:12px;top:52px}.ota-mock-annot--nav .ota-mock-annot-label{background:#eef2f7;border:1px solid var(--color-border);color:#475569}.ota-mock-annot--widget{left:50%;top:168px;transform:translateX(-50%)}.ota-mock-annot--widget .ota-mock-annot-label{background:var(--color-gradient);color:#fff}.ota-mock-annot--book{bottom:76px;right:12px}.ota-mock-annot--book .ota-mock-annot-label{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.4);color:#047857}.ota-mock-widget-zone{background:linear-gradient(135deg,#01aed4,#00c9a7,#01aed4);background-size:200% 200%;border-radius:var(--radius-lg);box-shadow:var(--shadow-primary-lg);margin:var(--space-md) 0;padding:3px;position:relative}@media (prefers-reduced-motion:no-preference){.ota-mock-widget-zone{animation:glowPulse 8s ease infinite}}.ota-mock-widget-inner{background:linear-gradient(180deg,#fcfcfd,#f8f9fb);border-radius:calc(var(--radius-lg) - 2px);max-height:320px;min-height:200px;overflow:hidden;padding:0;position:relative}.ota-mock-rb-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-sm);justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.ota-mock-rb-title{color:var(--color-text);font-size:.9375rem;font-weight:800;letter-spacing:-.02em}.ota-mock-rb-pill{background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary);font-size:.75rem;font-weight:700;padding:4px 10px}.ota-mock-rb-search{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.ota-mock-rb-fake-input{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);flex:1;padding:10px 12px}.ota-mock-rb-fake-btn,.ota-mock-rb-fake-input{border-radius:var(--radius-md);font-size:.8125rem}.ota-mock-rb-fake-btn{background:var(--color-gradient);color:#fff;flex-shrink:0;font-weight:600;padding:10px 16px}.ota-mock-rb-cards{display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr;margin-bottom:var(--space-sm)}.ota-mock-rb-card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.75rem;padding:var(--space-sm)}.ota-mock-rb-card-img{background:linear-gradient(135deg,#a8e6f5,#7dd3e8 50%,#5ec4de);border-radius:var(--radius-sm);height:52px;margin-bottom:6px}.ota-mock-rb-card-img--2{background:linear-gradient(135deg,#b8f0d8,#7ddbbf)}.ota-mock-rb-hint{color:var(--color-text-muted);font-size:.6875rem;margin:0;text-align:center}.ota-mock-footer-cta{align-items:center;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px dashed var(--color-border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-top:var(--space-lg);padding:var(--space-md)}.ota-mock-price{color:var(--color-text-secondary);font-size:.9rem}.ota-mock-price strong{color:var(--color-text);font-size:1.1rem}.ota-mock-book-btn{background:linear-gradient(135deg,#334155,#1e293b);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;font-size:.875rem;font-weight:700;padding:10px 20px}.ota-mock-caption{color:var(--color-text-muted);font-size:.875rem;line-height:1.5;margin:var(--space-lg) 0 0;text-align:center}.ota-benefits{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);padding:var(--space-3xl) var(--space-md)}.ota-benefits-title{color:var(--color-text);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;letter-spacing:-.02em;margin:0 0 var(--space-sm);text-align:center}.ota-benefits-sub{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.55;margin:0 auto var(--space-2xl);max-width:42ch;text-align:center}.ota-benefit-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}@media (max-width:720px){.ota-benefit-grid{grid-template-columns:1fr}}.ota-benefit-card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-xl);position:relative;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.ota-benefit-card:before{background:var(--color-gradient);border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--duration-normal) var(--ease-out)}.ota-benefit-card:hover:before{opacity:1}.ota-benefit-card:hover{border-color:rgba(1,174,212,.3);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.ota-benefit-icon-wrap{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-md);display:flex;height:56px;justify-content:center;margin-bottom:var(--space-md);width:56px}.ota-benefit-icon-wrap img{display:block;opacity:.95}.ota-benefit-card h3{color:var(--color-text);font-size:1.15rem;font-weight:800;line-height:1.3;margin:0 0 var(--space-sm)}.ota-benefit-card p{color:var(--color-text-secondary);font-size:.98rem;line-height:1.6;margin:0}.ota-steps{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(3,1fr);list-style:none;margin:0 auto;max-width:860px;padding:0;position:relative}.ota-steps:before{background:linear-gradient(90deg,var(--color-primary),rgba(0,201,167,.5),var(--color-primary));content:"";height:2px;left:16.66667%;position:absolute;right:16.66667%;top:26px;z-index:0}.ota-steps>li{flex-direction:column;gap:var(--space-md);margin-bottom:0;text-align:center}.ota-step-num,.ota-steps>li{align-items:center;display:flex}.ota-step-num{background:var(--color-gradient);border-radius:var(--radius-full);box-shadow:0 4px 16px rgba(1,174,212,.3),0 0 0 5px var(--color-surface);color:#fff;flex-shrink:0;font-size:1.25rem;font-weight:800;height:52px;justify-content:center;line-height:1;position:relative;width:52px;z-index:1}.ota-steps h3{color:var(--color-text);font-size:1.15rem;font-weight:700;margin:0 0 var(--space-xs)}.ota-steps p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.55;margin:0}@media (max-width:640px){.ota-steps{gap:var(--space-xl);grid-template-columns:1fr;max-width:480px}.ota-steps:before{display:none}.ota-steps>li{align-items:flex-start;flex-direction:row;gap:var(--space-lg);text-align:left}.ota-step-num{box-shadow:0 4px 16px rgba(1,174,212,.3),0 0 0 4px var(--color-surface);height:44px;width:44px}}.ota-code-wrap{border-radius:var(--radius-lg);margin-bottom:var(--space-md);overflow:auto;padding:var(--space-lg)}.ota-code-block{font-size:.8125rem;line-height:1.55;margin:0;white-space:pre-wrap;word-break:break-word}.ota-code-block,.ota-inline-code{color:var(--color-text);font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace}.ota-inline-code{background:var(--color-primary-surface);border-radius:var(--radius-sm);font-size:.9em;padding:2px 6px}.ota-embed-note{color:var(--color-text-muted);font-size:.9375rem;line-height:1.55;margin:0 auto;max-width:64ch;text-align:center}.ota-signup-wrap{max-width:720px}.ota-form-status{border-radius:var(--radius-md);font-size:.98rem;line-height:1.5;margin-bottom:var(--space-lg);padding:var(--space-md)}.ota-form-status[data-variant=success]{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);color:var(--color-success)}.ota-form-status[data-variant=error]{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);color:var(--color-error)}.ota-signup-form{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:0 4px 24px rgba(0,0,0,.03),0 1px 3px rgba(0,0,0,.04);padding:var(--space-xl)}.ota-form-row{display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.ota-signup-form .form-group{margin-bottom:var(--space-lg)}.ota-signup-form .form-group:last-of-type{margin-bottom:var(--space-md)}.ota-signup-form label{color:var(--color-text);display:block;font-size:.9375rem;font-weight:600;margin-bottom:var(--space-sm)}.ota-signup-form input,.ota-signup-form textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:1rem;padding:12px 14px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);width:100%}.ota-signup-form input:focus,.ota-signup-form textarea:focus{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(1,174,212,.1);outline:none}.ota-signup-form input:invalid:not(:placeholder-shown):not(:focus),.ota-signup-form textarea:invalid:not(:placeholder-shown):not(:focus){border-color:var(--color-error)}.ota-form-actions{margin-top:var(--space-md)}.ota-footer{color:var(--color-text-muted);font-size:.9rem;padding:var(--space-xl) var(--space-md);position:relative;text-align:center}.ota-footer:before{background:var(--color-gradient);border-radius:var(--radius-full);content:"";height:2px;left:50%;opacity:.4;position:absolute;top:0;transform:translateX(-50%);width:min(200px,40%)}@media (max-width:640px){.ota-form-row{grid-template-columns:1fr}.ota-mock-annot--book,.ota-mock-annot--nav{margin-bottom:var(--space-sm);position:static;text-align:center;transform:none}.ota-mock-body{padding-top:var(--space-xl)}.ota-mock-annot--widget{margin-bottom:var(--space-sm);position:static;text-align:center;transform:none}}@media (max-width:600px){.ota-mock-annot--widget{top:200px}}@media (prefers-reduced-motion:reduce){.ota-hero-bg,.ota-hero-inner,.ota-mock-widget-zone{animation:none!important}.ota-benefit-card:hover,.ota-btn-primary:hover,.ota-feature-card:hover,.ota-pain-card:hover{transform:none}}