:root{--primary: #FE4715;--primary-hover: #D6451A;--primary-deep: #C9380F;--primary-light: rgba(254, 71, 21, .1);--primary-tint: rgba(254, 71, 21, .18);--navy: #3A032D;--navy-light: #4A1340;--page-bg: #FAF7F1;--white: #FFFFFF;--bg-light: #F5F0E8;--text-secondary: #374151;--text-muted: #555B66;--gray-50: #F5F0E8;--gray-100: #E8E2D9;--gray-200: #D1C9BD;--gray-300: #9A9186;--gray-400: #9ca3af;--accent-blue: #3B82F6;--accent-green: #059669;--accent-cyan: #0891B2;--free-badge-bg: #DCFCE7;--free-badge-text: #15803D;--font-display: "Bricolage Grotesque", "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, "Cascadia Code", monospace;--fs-hero: clamp(3.25rem, 8vw + .5rem, 7.5rem);--fs-display: clamp(2.5rem, 5vw + .5rem, 4.5rem);--fs-h1: clamp(2.25rem, 3.5vw + .5rem, 3.5rem);--fs-h2: clamp(1.875rem, 2vw + 1rem, 2.625rem);--fs-h3: clamp(1.125rem, .5vw + 1rem, 1.375rem);--fs-body-lg: clamp(1.0625rem, .3vw + 1rem, 1.25rem);--fs-body: 1rem;--fs-small: .875rem;--fs-micro: .8125rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--page-bg);color:var(--navy);line-height:1.6;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.hero-title,.section-title,.detail-hero-title,.list-hero-title,.featured-card-name,.contact-title,.cta-section-title{font-family:var(--font-display);font-feature-settings:"ss01" on,"ss02" on}code,pre,.code-content{font-family:var(--font-mono)}.container{max-width:1200px;margin:0 auto;padding:0 24px}html{scroll-behavior:smooth}::selection{background:var(--primary);color:var(--white)}::-moz-selection{background:var(--primary);color:var(--white)}.neon-title,.neon-text,.neon-text-small,.neon-line,.neon-border,.neon-arrow,.card-glow,.tool-glow,.tool-border,.btn-glow,.scroll-indicator,#canvas-container{display:none}.navbar{position:fixed;top:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);z-index:10000;padding:16px 0}.navbar .container{display:flex;justify-content:space-between;align-items:center}.nav-brand .logo-svg{height:28px;width:auto;color:var(--navy);display:block}.nav-links{display:flex;gap:32px}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:500;transition:color .2s ease}.nav-link:hover{color:var(--navy)}.nav-link.active{color:var(--navy);position:relative}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--primary)}.burger-menu-btn{display:none;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10001;position:relative}.burger-line{position:absolute;width:24px;height:2px;left:50%;top:50%;background:var(--navy);border-radius:2px;transition:all .3s ease;transform-origin:center center}.burger-line:nth-child(1){transform:translate(-50%,-50%) translateY(-6px)}.burger-line:nth-child(2){transform:translate(-50%,-50%)}.burger-line:nth-child(3){transform:translate(-50%,-50%) translateY(6px)}.burger-menu-btn.active .burger-line:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}.burger-menu-btn.active .burger-line:nth-child(2){opacity:0;transform:translate(-50%,-50%) scaleX(0)}.burger-menu-btn.active .burger-line:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--page-bg);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu-content{display:flex;flex-direction:column;gap:32px;text-align:center}.mobile-menu-link{color:var(--navy);text-decoration:none;font-size:24px;font-weight:600;opacity:0;transform:translateY(20px);transition:all .3s ease,color .2s ease}.mobile-menu.active .mobile-menu-link{opacity:1;transform:translateY(0)}.mobile-menu.active .mobile-menu-link:nth-child(1){transition-delay:.1s}.mobile-menu.active .mobile-menu-link:nth-child(2){transition-delay:.15s}.mobile-menu.active .mobile-menu-link:nth-child(3){transition-delay:.2s}.mobile-menu.active .mobile-menu-link:nth-child(4){transition-delay:.25s}.mobile-menu-link:hover{color:var(--primary)}.mobile-menu-link.active{color:var(--primary);position:relative}.mobile-menu-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--primary)}.footer{background:var(--gray-50);padding:60px 0 30px;border-top:1px solid var(--gray-200)}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:24px}.footer-brand{flex:1}.footer-brand .logo-svg{height:24px;width:auto;color:var(--navy);display:block;margin-bottom:8px}.footer-brand p{color:var(--text-secondary);margin-top:8px;font-size:14px}.footer-links{display:flex;gap:32px}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.footer-links a:hover{color:var(--navy)}.footer-legal{display:flex;gap:24px}.footer-legal a{color:var(--text-muted);text-decoration:none;font-size:13px;transition:color .2s ease}.footer-legal a:hover{color:var(--text-secondary)}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid var(--gray-200)}.footer-bottom p{color:var(--text-muted);font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-full);position:relative;overflow:hidden;transition:all .2s ease;cursor:pointer}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--white);color:var(--navy);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-large{padding:18px 36px;font-size:16px}.btn-sm{padding:8px 16px;font-size:13px}.btn-product{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--gray-100);color:var(--navy);font-size:14px;font-weight:600;border-radius:var(--radius-full);text-decoration:none;transition:all .2s ease}.btn-product:hover{background:var(--gray-200)}.btn-product svg{width:16px;height:16px;transition:transform .2s ease}.btn-product:hover svg{transform:translate(2px)}.btn-tool{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--gray-300);color:var(--navy-light);text-decoration:none;font-size:13px;font-weight:500;border-radius:var(--radius-sm);transition:all .2s ease}.btn-tool:hover{background:var(--gray-100);border-color:var(--gray-400)}.btn-tool svg{width:14px;height:14px}.btn-tool-tertiary{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:color .2s ease;white-space:nowrap}.btn-tool-tertiary:hover{color:var(--primary)}.btn-tool-tertiary svg{width:12px;height:12px}.cta-buttons{display:flex;gap:16px;flex-wrap:wrap}.hero{padding:clamp(120px,12vw,200px) 0 clamp(80px,8vw,140px);background:var(--page-bg);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-10%;top:20%;width:clamp(160px,30vw,420px);height:clamp(160px,30vw,420px);background:var(--primary);border-radius:50%;opacity:.08;filter:blur(4px);pointer-events:none;z-index:0}.hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:var(--space-2xl);align-items:end}.hero-content{text-align:left;max-width:1100px}.hero-kicker{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--navy-light);margin-bottom:var(--space-xl)}.hero-kicker:before{content:"";width:32px;height:1px;background:var(--primary);display:inline-block}.hero-title{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:700;line-height:.95;letter-spacing:-.035em;color:var(--navy);margin-bottom:var(--space-xl);max-width:18ch}.hero-title .hero-accent{color:var(--primary);font-style:normal;font-weight:700}.hero-subtitle{font-family:var(--font-body);font-size:var(--fs-body-lg);color:var(--text-secondary);line-height:1.5;max-width:56ch;margin-bottom:var(--space-2xl)}.hero-footnote{display:flex;flex-wrap:wrap;gap:var(--space-lg) var(--space-2xl);margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--gray-200);font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--navy-light)}.hero-footnote strong{display:block;color:var(--navy);font-family:var(--font-body);font-size:var(--fs-body);font-weight:600;margin-bottom:2px;letter-spacing:0;text-transform:none}.list-hero{padding:clamp(140px,14vw,180px) 0 clamp(40px,5vw,60px);background:var(--page-bg)}.list-hero-kicker{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--primary-deep);margin-bottom:var(--space-md)}.list-hero-title{font-family:var(--font-display);font-size:var(--fs-display);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--navy);margin-bottom:var(--space-md);max-width:16ch}.list-hero-subtitle{font-size:var(--fs-body-lg);color:var(--text-secondary);line-height:1.5;max-width:60ch}.hero-illustration,.hero-floating-elements,.floating-card,#hero-canvas-container{display:none!important}section{position:relative}.section-header{max-width:840px;margin-bottom:var(--space-2xl)}.section-header.center{text-align:center;margin-left:auto;margin-right:auto}.container>.section-header:first-child{padding-top:0}.section-tag{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;color:var(--primary-deep);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.12em}.section-tag:before{content:"— ";color:var(--primary)}.section-title{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;margin-bottom:var(--space-md);letter-spacing:-.025em;line-height:1.05;color:var(--navy);max-width:22ch}.section-header.center .section-title{margin-left:auto;margin-right:auto}.section-subtitle{font-size:var(--fs-body-lg);color:var(--text-secondary);line-height:1.5;max-width:60ch}.section-header.center .section-subtitle{margin-left:auto;margin-right:auto}.products-section{background:var(--page-bg);padding:clamp(64px,8vw,120px) 0}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.features-section{background:var(--white);padding:clamp(80px,9vw,140px) 0}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.bento-grid .bento-card:nth-child(1){grid-column:span 2}.bento-grid .bento-card:nth-child(2){grid-column:span 1}.bento-grid .bento-card:nth-child(3){grid-column:span 1}.bento-grid .bento-card:nth-child(4){grid-column:span 2}.bento-grid .bento-card:nth-child(5){grid-column:span 2}.bento-grid .bento-card:nth-child(6){grid-column:span 1}.free-tools-section{padding:clamp(64px,7vw,100px) 0;background:var(--bg-light)}.free-tools-header{text-align:left;margin-bottom:var(--space-2xl);max-width:40rem}.free-tools-title{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;color:var(--navy);letter-spacing:-.02em;margin-bottom:var(--space-sm)}.free-tools-subtitle{font-size:var(--fs-body-lg);color:var(--text-secondary)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.tools-separator{width:100%;height:1px;background:var(--gray-200);margin:var(--space-2xl) 0 var(--space-xl)}.tools-grid-secondary{display:flex;justify-content:flex-start;gap:var(--space-md);flex-wrap:wrap}.list-section{padding:clamp(40px,5vw,80px) 0 clamp(80px,9vw,140px);background:var(--page-bg)}.list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.custom-dev-section{background:var(--navy);padding:clamp(80px,9vw,140px) 0;color:var(--white)}.custom-dev-section .section-tag{color:var(--primary)}.custom-dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}.custom-dev-text h2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;margin-bottom:var(--space-lg);color:var(--white);letter-spacing:-.025em;line-height:1.05}.custom-dev-text>p{font-size:var(--fs-body-lg);color:#fffc;line-height:1.6;margin-bottom:var(--space-xl);max-width:50ch}.custom-dev-features{margin-bottom:var(--space-xl)}.custom-dev-item{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);color:#ffffffd9;font-size:var(--fs-body)}.custom-dev-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.custom-dev-section .btn-primary{background:var(--primary);color:var(--white)}.custom-dev-section .btn-primary:hover{background:var(--primary-hover)}.contact-section{background:var(--page-bg);text-align:center;padding:clamp(80px,9vw,140px) 0}.contact-content{max-width:640px;margin:0 auto}.contact-title{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;margin-bottom:var(--space-md);color:var(--navy);letter-spacing:-.025em;line-height:1.05}.contact-text{font-size:var(--fs-body-lg);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.6}.cta-section{padding:clamp(64px,7vw,100px) 0;background:var(--navy);text-align:center}.cta-section .container{max-width:640px}.cta-section-title{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;color:var(--white);margin-bottom:var(--space-md);letter-spacing:-.025em;line-height:1.05}.cta-section-text{font-size:var(--fs-body-lg);color:#ffffffd9;margin-bottom:var(--space-xl);line-height:1.6}.cta-section .btn-primary{background:var(--primary);color:var(--white)}.cta-section .btn-primary:hover{background:var(--primary-hover)}.page-detail section{padding:clamp(48px,6vw,80px) 0}.page-detail .detail-hero{padding:clamp(120px,12vw,160px) 0 clamp(48px,6vw,80px)}.page-detail .content-pipeline-section,.page-detail .cta-section{padding:clamp(48px,6vw,80px) 0}.product-card{background:var(--white);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:transform .3s ease,border-color .3s ease;position:relative;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);border-color:var(--navy-light)}.product-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);gap:var(--space-md)}.product-number{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;color:var(--navy-light);letter-spacing:.1em}.free-badge{display:inline-flex;align-items:center;padding:6px 12px;background:var(--free-badge-bg);color:var(--free-badge-text);font-size:12px;font-weight:600;border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.04em}.product-name{font-family:var(--font-display);font-size:clamp(1.5rem,1vw + 1.25rem,1.875rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-sm);color:var(--navy)}.product-tagline{font-size:var(--fs-body-lg);color:var(--primary-deep);margin-bottom:var(--space-md);font-weight:600;line-height:1.4}.product-description{color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.6;font-size:var(--fs-body);flex:1}.features-list{margin-bottom:var(--space-lg)}.feature-item{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:10px;color:var(--navy-light);font-size:var(--fs-small)}.feature-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.tool-card{background:var(--white);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:transform .3s ease,border-color .3s ease;display:flex;flex-direction:column}.tool-card:hover{transform:translateY(-2px);border-color:var(--navy-light)}.tool-name{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:10px;color:var(--navy);letter-spacing:-.015em}.tool-description{color:var(--text-secondary);font-size:var(--fs-small);line-height:1.55;margin-bottom:var(--space-md);flex:1}.tool-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-md)}.tool-tag{display:inline-block;padding:4px 10px;background:var(--gray-100);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);font-weight:500;font-family:var(--font-mono)}.tool-card-tertiary{background:var(--white);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:all .2s ease;display:flex;align-items:center;gap:var(--space-md)}.tool-card-tertiary:hover{border-color:var(--navy-light);background:var(--bg-light)}.tool-name-tertiary{font-family:var(--font-display);font-size:var(--fs-body);font-weight:700;color:var(--navy);margin-bottom:4px;letter-spacing:-.01em}.tool-description-tertiary{color:var(--text-secondary);font-size:var(--fs-small);line-height:1.5}.bento-card{background:var(--white);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:transform .3s ease,border-color .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:240px}.bento-card:hover{transform:translateY(-4px);border-color:var(--navy-light)}.bento-card .bento-number{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;color:var(--navy-light);letter-spacing:.1em;margin-bottom:var(--space-xl)}.bento-card h3{font-family:var(--font-display);font-size:clamp(1.375rem,1vw + 1.125rem,1.75rem);font-weight:700;margin-bottom:var(--space-sm);color:var(--navy);letter-spacing:-.02em;line-height:1.15}.bento-card p{color:var(--text-secondary);line-height:1.55;font-size:var(--fs-body);max-width:52ch}.featured-card{grid-column:1 / -1;background:var(--navy);border-radius:var(--radius-xl);padding:2px;display:block;text-decoration:none;transition:transform .3s ease;position:relative;overflow:hidden}.featured-card:hover{transform:translateY(-2px)}.featured-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary) 0%,var(--navy) 70%);border-radius:var(--radius-xl);opacity:1;z-index:0}.featured-card-inner{position:relative;z-index:1;background:var(--white);border-radius:calc(var(--radius-xl) - 2px);padding:clamp(2rem,4vw,3rem);display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}.featured-card-content{position:relative;z-index:1}.featured-card-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary);color:var(--white);font-family:var(--font-mono);font-size:11px;font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.12em}.featured-card-badge svg{width:12px;height:12px}.featured-card-name{font-family:var(--font-display);font-size:clamp(1.875rem,3vw + .5rem,2.625rem);font-weight:700;margin-bottom:var(--space-sm);color:var(--navy);letter-spacing:-.03em;line-height:1.05}.featured-card-tagline{font-size:var(--fs-body-lg);color:var(--primary-deep);margin-bottom:var(--space-md);font-weight:600}.featured-card-description{color:var(--text-secondary);line-height:1.6;font-size:var(--fs-body);margin-bottom:var(--space-lg);max-width:50ch}.featured-card-link{display:inline-flex;align-items:center;gap:8px;color:var(--white);font-size:var(--fs-body);font-weight:600;padding:12px 22px;background:var(--navy);border-radius:var(--radius-full);transition:background .2s ease}.featured-card:hover .featured-card-link{background:var(--primary)}.featured-card-link svg{width:16px;height:16px;transition:transform .2s ease}.featured-card:hover .featured-card-link svg{transform:translate(4px)}.featured-card-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.featured-card-feature{display:flex;align-items:flex-start;gap:var(--space-sm);padding:14px 16px;background:var(--bg-light);border-radius:var(--radius-md)}.featured-card-feature-text h3{font-family:var(--font-display);font-size:var(--fs-body);font-weight:700;color:var(--navy);margin-bottom:2px;letter-spacing:-.01em}.featured-card-feature-text p{font-size:var(--fs-small);color:var(--text-secondary);line-height:1.45}.featured-card-feature-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:8px}.list-card{background:var(--white);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:transform .3s ease,border-color .3s ease;text-decoration:none;display:flex;flex-direction:column}.list-card:hover{transform:translateY(-4px);border-color:var(--navy-light)}.list-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);gap:var(--space-md)}.list-card-number{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;color:var(--navy-light);letter-spacing:.1em}.list-card-name{font-family:var(--font-display);font-size:clamp(1.5rem,1.2vw + 1.2rem,1.875rem);font-weight:700;margin-bottom:var(--space-sm);color:var(--navy);letter-spacing:-.02em;line-height:1.1}.list-card-tagline{font-size:var(--fs-body-lg);color:var(--primary-deep);margin-bottom:var(--space-md);font-weight:600}.list-card-description{color:var(--text-secondary);line-height:1.55;font-size:var(--fs-body);margin-bottom:var(--space-lg);flex:1}.list-card-link{display:inline-flex;align-items:center;gap:6px;color:var(--navy);font-size:var(--fs-small);font-weight:600}.list-card-link svg{width:16px;height:16px;transition:transform .2s ease}.list-card:hover .list-card-link svg{transform:translate(4px)}.list-card:hover .list-card-link{color:var(--primary-deep)}.list-card.is-disabled,.featured-card.is-disabled{cursor:default}.list-card.is-disabled:hover{transform:none;border-color:var(--gray-200)}.featured-card.is-disabled:hover{transform:none}.coming-soon-cta{display:inline-flex;align-items:center;padding:10px 18px;background:var(--gray-100);color:var(--navy-light);font-family:var(--font-mono);font-size:13px;font-weight:600;border-radius:var(--radius-full);letter-spacing:.04em;align-self:flex-start}.step-card{position:relative;padding:var(--space-xl) var(--space-md) var(--space-md)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--primary);color:var(--white);font-family:var(--font-display);font-size:24px;font-weight:700;border-radius:var(--radius-full);margin-bottom:var(--space-md);letter-spacing:-.02em}.step-card h3{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;color:var(--navy);margin-bottom:10px;letter-spacing:-.015em;line-height:1.2}.step-card p{font-size:var(--fs-small);color:var(--text-secondary);line-height:1.55;margin:0;max-width:34ch}.requirement-card{padding:var(--space-lg);background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.requirement-card h3{font-family:var(--font-display);font-size:var(--fs-body-lg);font-weight:700;color:var(--navy);margin-bottom:6px;letter-spacing:-.01em}.requirement-card p{font-size:var(--fs-small);color:var(--text-secondary);line-height:1.5;margin:0}.use-case-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:border-color .2s ease}.use-case-item:hover{border-color:var(--navy-light)}.use-case-item span{font-size:var(--fs-small);font-weight:500;color:var(--navy)}.detail-feature-card{background:var(--white);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:transform .3s ease,border-color .3s ease}.detail-feature-card:hover{transform:translateY(-2px);border-color:var(--navy-light)}.detail-feature-card h3{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;margin-bottom:8px;color:var(--navy);letter-spacing:-.015em;line-height:1.2}.detail-feature-card p{font-size:var(--fs-small);color:var(--text-secondary);line-height:1.55;margin:0}.pricing-card{max-width:520px;margin:0 auto;background:var(--white);padding:clamp(2rem,4vw,3rem);border-radius:var(--radius-xl);border:1px solid var(--gray-200);text-align:center}.pricing-card .btn{width:100%}.api-cost-item{display:flex;flex-direction:column;gap:6px;padding:var(--space-md) var(--space-lg);background:#ffffff14;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.12)}.api-cost-item .provider{font-size:var(--fs-micro);color:#fffc;font-weight:500;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.api-cost-item .cost{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--primary)}.product-icon,.bento-card-icon,.list-card-icon,.detail-feature-icon,.requirement-icon,.floating-card-icon{display:none!important}.compat{padding:var(--space-xl) 0;background:var(--page-bg);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.compat .container{display:flex;flex-direction:column;gap:var(--space-lg);align-items:flex-start}.compat-text{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--navy-light);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.compat-logos{display:flex;align-items:center;gap:clamp(24px,4vw,56px);flex-wrap:wrap}.compat-logo{height:28px;width:auto;opacity:.7;transition:opacity .2s ease;fill:var(--navy-light)}.compat-logo[aria-label=Anthropic]{height:16px}.compat-logo:hover{opacity:1}.social-proof{display:none}.code-window{background:#1f011a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 50px #00000059}.code-header{background:#00000059;border-bottom:1px solid rgba(255,255,255,.06);padding:14px 18px;display:flex;gap:8px}.code-dot{width:12px;height:12px;border-radius:50%}.code-dot:nth-child(1){background:#ff5f56}.code-dot:nth-child(2){background:#ffbd2e}.code-dot:nth-child(3){background:#27c93f}.code-content{padding:24px;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;line-height:1.7}.code-content pre{margin:0}.code-content code{color:#e2e8f0}.code-comment{color:#9ca3af}.code-keyword{color:#c084fc}.code-function{color:#fbbf24}.code-string{color:#34d399}.screenshot-slider{width:100%}.slider-container{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch}.slider-image-wrapper{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-lg);overflow:hidden;background:var(--gray-100);box-shadow:0 4px 20px #00000014}.slider-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease;pointer-events:none}.slider-image.active{opacity:1;pointer-events:auto}.slider-image img{width:100%;height:100%;object-fit:cover}.slider-content{display:flex;flex-direction:column;justify-content:center;gap:32px}.slider-text-wrapper{position:relative;min-height:140px}.slider-text{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.slider-text.active{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}.slider-title{font-size:24px;font-weight:600;color:var(--navy);margin-bottom:12px;line-height:1.3}.slider-description{font-size:16px;color:var(--text-secondary);line-height:1.7}.slider-controls{display:flex;flex-direction:column;gap:24px}.slider-navigation{display:flex;align-items:center;gap:16px}.slider-arrow{width:44px;height:44px;border-radius:var(--radius-full);border:1px solid var(--gray-200);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.slider-arrow:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.slider-arrow:disabled{opacity:.4;cursor:not-allowed}.slider-arrow:disabled:hover{border-color:var(--gray-200);color:inherit;background:var(--white)}.slider-arrow svg{width:20px;height:20px}.slider-indicators{display:flex;gap:8px}.slider-indicator{width:10px;height:10px;border-radius:var(--radius-full);border:none;background:var(--gray-200);cursor:pointer;transition:all .2s ease;padding:0}.slider-indicator:hover{background:var(--gray-300)}.slider-indicator.active{background:var(--primary);width:28px}.slider-cta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start}.slider-cta svg{width:18px;height:18px}.content-pipeline-section{padding:clamp(60px,7vw,100px) 0;background:var(--navy);position:relative;overflow:hidden}.content-pipeline-section .section-title{color:var(--white)}.content-pipeline-section .section-subtitle{color:#ffffffd9}.content-pipeline-section .section-tag{color:var(--primary)}.pipeline-wrapper{max-width:1040px;margin:0 auto}.pipeline-stages{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xl);margin-bottom:var(--space-2xl);position:relative}.pipeline-stages:before{content:"";position:absolute;top:28px;left:80px;right:80px;height:1px;background:var(--primary);opacity:.3}.pipeline-stage{flex:1;text-align:left;position:relative}.pipeline-stage-number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--navy);border:1px solid var(--primary);border-radius:var(--radius-full);color:var(--primary);font-family:var(--font-mono);font-size:var(--fs-small);font-weight:500;letter-spacing:.04em;margin-bottom:var(--space-md);position:relative;z-index:1}.pipeline-stage h3{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;color:var(--white);margin-bottom:8px;letter-spacing:-.015em}.pipeline-stage p{font-size:var(--fs-small);color:#fffc;line-height:1.55;max-width:32ch;margin:0}.pipeline-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-2xl)}.pipeline-feature{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color .2s ease}.pipeline-feature:hover{border-color:#ffffff38}.pipeline-feature h4{font-family:var(--font-display);font-size:var(--fs-body-lg);font-weight:700;color:var(--white);margin-bottom:6px;letter-spacing:-.01em}.pipeline-feature p{font-size:var(--fs-small);color:#fffc;line-height:1.55;margin:0}.pipeline-stage-icon,.pipeline-feature-icon{display:none!important}.breadcrumb{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--fs-micro);margin-bottom:var(--space-lg)}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--primary-deep)}.breadcrumb span,.breadcrumb-separator{color:var(--text-muted)}.detail-hero{padding:clamp(120px,12vw,160px) 0 clamp(48px,6vw,80px);background:var(--page-bg);position:relative;overflow:hidden}.detail-hero .container{position:relative;z-index:1}.detail-hero-content{max-width:760px}.detail-hero-kicker{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--primary-deep);margin-bottom:var(--space-md)}.detail-hero-title{font-family:var(--font-display);font-size:var(--fs-display);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--navy);margin-bottom:var(--space-md)}.detail-hero-tagline{font-size:var(--fs-body-lg);color:var(--primary-deep);font-weight:600;margin-bottom:var(--space-md)}.detail-hero-description{font-size:var(--fs-body-lg);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xl);max-width:60ch}.detail-hero-cta{display:flex;gap:var(--space-md);flex-wrap:wrap}.detail-hero-icon,.detail-hero-canvas{display:none!important}.plugin-subnav{background:var(--white);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);z-index:100;transition:box-shadow .2s ease}.plugin-subnav.is-stuck{position:fixed;top:61px;left:0;right:0;box-shadow:0 2px 8px #0000000f}.plugin-subnav-placeholder{display:none}.plugin-subnav-placeholder.active{display:block}.plugin-subnav .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.plugin-subnav-links{display:flex;align-items:center;gap:8px;list-style:none;padding:0;margin:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.plugin-subnav-links::-webkit-scrollbar{display:none}.plugin-subnav-link{display:block;padding:16px;font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;color:var(--text-secondary);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease;text-transform:uppercase;letter-spacing:.08em}.plugin-subnav-link:hover{color:var(--navy)}.plugin-subnav-link.active{color:var(--primary-deep);border-bottom-color:var(--primary)}.plugin-subnav-cta{flex-shrink:0}.detail-features{padding:clamp(60px,7vw,100px) 0;background:var(--bg-light)}.detail-features--alt{background:var(--white)}.detail-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.detail-features-grid--3{grid-template-columns:repeat(3,1fr)}.screenshots-section{padding:clamp(60px,7vw,100px) 0;background:var(--white)}.screenshots-section .section-header{margin-bottom:var(--space-2xl)}.screenshot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.screenshot-placeholder{aspect-ratio:16 / 10;background:var(--gray-100);border-radius:var(--radius-lg);border:2px dashed var(--gray-300);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--fs-small)}.use-cases-section{padding:clamp(60px,7vw,100px) 0;background:var(--bg-light)}.use-cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);max-width:960px;margin:0 auto}.how-it-works-section{padding:clamp(60px,7vw,100px) 0;background:var(--page-bg)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.requirements-section{padding:clamp(60px,7vw,100px) 0;background:var(--white)}.requirements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);max-width:880px;margin:0 auto}.free-forever-section{padding:clamp(80px,9vw,140px) 0;background:var(--navy)}.free-forever-content{max-width:700px;margin:0 auto;text-align:center}.free-forever-content .free-badge.large{font-size:var(--fs-small);padding:10px 20px;margin-bottom:var(--space-lg)}.free-forever-content h2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;color:var(--white);margin-bottom:var(--space-md);line-height:1.1;letter-spacing:-.02em}.free-forever-content>p{font-size:var(--fs-body);color:#fffc;line-height:1.6;margin-bottom:var(--space-xl)}.api-costs{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap}.api-note{font-size:var(--fs-small);color:#fffc;margin-bottom:var(--space-xl)}.free-forever-content .btn{background:var(--primary);color:var(--white)}.free-forever-content .btn:hover{background:var(--primary-hover)}.pricing-section{padding:clamp(60px,7vw,100px) 0;background:var(--bg-light)}.beta-badge{display:inline-block;padding:6px 12px;background:#3b82f61a;color:var(--accent-blue);font-size:12px;font-weight:600;border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.04em}.pricing-amount{font-family:var(--font-display);font-size:clamp(3.5rem,7vw,5rem);font-weight:700;color:var(--navy);margin-bottom:var(--space-md);letter-spacing:-.04em;line-height:1}.pricing-note{font-size:var(--fs-body);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-lg) 0;text-align:left}.pricing-features li{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:var(--fs-small);color:var(--text-secondary);border-bottom:1px solid var(--gray-100)}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"";width:18px;height:18px;background:var(--primary);border-radius:50%;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center}.faq-section{padding:clamp(60px,7vw,100px) 0;background:var(--white)}.faq-list{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid var(--gray-200)}.faq-item:first-child{border-top:1px solid var(--gray-200)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;cursor:pointer;font-family:var(--font-display);font-size:var(--fs-body-lg);font-weight:700;color:var(--navy);letter-spacing:-.01em;transition:color .2s ease}.faq-question:hover{color:var(--primary-deep)}.faq-question svg{width:20px;height:20px;color:var(--text-muted);transition:transform .3s ease;flex-shrink:0}.faq-item.active .faq-question svg{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.active .faq-answer{max-height:300px}.faq-answer p{padding-bottom:var(--space-md);font-size:var(--fs-body);color:var(--text-secondary);line-height:1.6}.legal-page{background:var(--page-bg);min-height:100vh}.legal-header{background:var(--navy);padding:120px 0 60px;text-align:center}.legal-header .container{max-width:800px}.legal-breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;font-size:14px}.legal-breadcrumb a{color:#fff9;text-decoration:none;transition:color .2s ease}.legal-breadcrumb a:hover{color:var(--white)}.legal-breadcrumb span{color:#fff6}.legal-breadcrumb .current{color:var(--white)}.legal-header h1{color:var(--white);font-size:40px;font-weight:700;margin:0 0 16px}.legal-header .last-updated{color:#fff9;font-size:14px;margin:0}.legal-content{max-width:800px;margin:0 auto;padding:60px 20px 80px}.legal-content h2{font-size:24px;font-weight:600;color:var(--navy);margin:48px 0 16px}.legal-content h2:first-child{margin-top:0}.legal-content h3{font-size:18px;font-weight:600;color:var(--navy);margin:32px 0 12px}.legal-content p{color:var(--text-secondary);font-size:16px;line-height:1.7;margin:0 0 16px}.legal-content ul,.legal-content ol{margin:0 0 20px 24px;padding:0}.legal-content li{color:var(--text-secondary);font-size:16px;line-height:1.7;margin-bottom:8px}.legal-content a{color:var(--primary);text-decoration:none;transition:color .2s ease}.legal-content a:hover{color:var(--primary-hover)}.legal-content strong{color:var(--navy);font-weight:600}.legal-contact{background:var(--white);border-radius:var(--radius-md);padding:24px;margin-top:48px;border:1px solid var(--gray-200)}.legal-contact h3{margin-top:0}.page-contact .contact-page{padding:clamp(140px,14vw,200px) 0 clamp(80px,9vw,140px);background:var(--page-bg);min-height:calc(100vh - 80px);display:flex;align-items:center;position:relative}.page-contact .contact-wrapper{max-width:640px;margin:0 auto;text-align:center}.page-contact .contact-kicker{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--primary-deep);margin-bottom:var(--space-md)}.page-contact .contact-title{font-family:var(--font-display);font-size:var(--fs-display);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--navy);margin-bottom:var(--space-xl)}.page-contact .contact-body{text-align:left;background:var(--white);padding:clamp(2rem,4vw,3rem);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.page-contact .contact-body p{color:var(--text-secondary);font-size:var(--fs-body);line-height:1.6;margin-bottom:var(--space-md)}.page-contact .contact-body p:last-of-type{margin-bottom:var(--space-xl)}.page-contact .contact-email{text-align:center}.page-contact .contact-email .btn{display:inline-flex;align-items:center;gap:10px}.page-contact .contact-email .btn svg{width:20px;height:20px}@media(max-width:640px){.page-contact .contact-page{padding:120px 0 60px}}@media(max-width:900px){.pipeline-stages{flex-direction:column;align-items:flex-start;gap:var(--space-xl)}.pipeline-stages:before{display:none}.pipeline-features{grid-template-columns:1fr}}@media(max-width:1024px){.products-grid{grid-template-columns:1fr}.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-grid .bento-card:nth-child(n){grid-column:span 1}.bento-grid .bento-card:nth-child(1){grid-column:span 2}.custom-dev-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.detail-features-grid,.detail-features-grid--3{grid-template-columns:repeat(2,1fr)}.list-grid,.screenshot-grid{grid-template-columns:1fr}.slider-container{grid-template-columns:1fr;gap:var(--space-xl)}.slider-text-wrapper{min-height:auto}.use-cases-grid,.steps-grid,.requirements-grid{grid-template-columns:repeat(2,1fr)}.featured-card-inner{grid-template-columns:1fr;gap:var(--space-xl);padding:clamp(1.5rem,4vw,2.25rem)}.featured-card-features{grid-template-columns:1fr 1fr}}@media(max-width:768px){.hero .container{grid-template-columns:1fr}.hero-footnote{gap:var(--space-md) var(--space-xl)}.navbar .container{flex-direction:row;justify-content:space-between}.nav-links{display:none}.burger-menu-btn{display:flex}.footer-content{flex-direction:column;text-align:center}.footer-links{flex-direction:column;align-items:center;gap:var(--space-md)}.footer-legal{flex-direction:column;align-items:center;gap:12px}.legal-header{padding:100px 0 40px}.legal-content{padding:40px 20px 60px}.bento-grid{grid-template-columns:1fr}.bento-grid .bento-card:nth-child(n){grid-column:span 1}.tools-grid{grid-template-columns:1fr}.compat-logos{gap:28px}.detail-hero{padding-top:120px}.plugin-subnav-cta{display:none}.plugin-subnav-link{padding:14px 12px;font-size:12px}.detail-features-grid,.detail-features-grid--3,.use-cases-grid,.steps-grid,.requirements-grid{grid-template-columns:1fr}.api-costs{flex-direction:column;gap:12px}.api-cost-item{flex-direction:row;justify-content:space-between;padding:16px 20px}.content-pipeline-section{padding:60px 0}.featured-card-features{grid-template-columns:1fr}}@media(max-width:480px){.cta-buttons{flex-direction:column;width:100%}.btn{width:100%}.product-card{padding:var(--space-lg)}.tool-card{padding:var(--space-md)}.bento-card{padding:var(--space-lg);min-height:200px}.detail-hero-cta{flex-direction:column}.detail-hero-cta .btn{width:100%}.list-card{padding:var(--space-lg)}.detail-feature-card{padding:var(--space-md)}.pricing-card{padding:var(--space-lg)}}