:root{--color-bg: #fafafa;--color-text: #111;--color-muted: #666;--color-border: oklch(88% 0 0);--amber-600: oklch(76.9% .188 70.08);--amber-700: oklch(70% .188 70.08);--amber-100: oklch(95% .03 70.08);--radius-sm: 8px;--radius-md: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 8px 20px rgba(0, 0, 0, .06);--font-sans: "Inter var", Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--fs-hero: clamp(40px, 6vw, 56px);--fs-subhead: clamp(18px, 2.2vw, 22px);--fs-nav: 15px;--hero-grid-dot: oklch(88% 0 0);--hero-grid-size: 24px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);line-height:1.6;background:#fafafa;color:#111}h1{font-size:clamp(32px,5vw,56px);margin:20px 0;font-weight:700;line-height:1.2}h2{font-size:clamp(28px,4vw,42px);margin:20px 0;font-weight:700;line-height:1.3}h3{font-size:clamp(20px,2.5vw,24px);margin:15px 0;font-weight:600}p{font-size:clamp(16px,1.8vw,18px);margin:15px 0;line-height:1.8;color:#333}h1{font-size:var(--fs-hero, clamp(32px, 5vw, 56px));letter-spacing:-.02em}@media (max-width: 640px){h1{line-height:1.15}h2{line-height:1.25}p{line-height:1.7}}.headline-marker{background:linear-gradient(to bottom,transparent 60%,color-mix(in oklch,var(--amber-600) 20%,white) 60%,color-mix(in oklch,var(--amber-600) 20%,white) 88%,transparent 88%);border-radius:4px;padding:0 6px;box-decoration-break:clone;filter:blur(.3px)}.subhead{font-size:clamp(18px,2.2vw,22px);line-height:1.65;color:#444;max-width:800px;margin:0 auto}@media (max-width: 640px){.subhead{line-height:1.6;max-width:100%}}.small-text{font-size:15px;color:#666}.intro-text{max-width:700px;margin:20px auto;font-size:20px;text-align:center;color:#555;line-height:1.7}.emphasis-text{max-width:800px;margin:30px auto;font-size:22px;font-weight:600;text-align:center;color:#111;letter-spacing:-.01em}.text-center{text-align:center}.container{max-width:1080px;margin:0 auto;padding:0 20px}@media (max-width: 640px){.container{padding:0 16px}}section{padding:80px 0}@media (max-width: 1024px){section{padding:60px 0}}@media (max-width: 640px){section{padding:40px 0}}.section-alt{background:#fff}.how-it-works-section{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.wireframe-box{border:2px dashed var(--color-border);padding:40px;background:#f5f5f5;text-align:center;color:var(--color-muted);font-size:14px;border-radius:var(--radius-md);height:250px;display:flex;align-items:center;justify-content:center;font-weight:500}footer{margin-top:80px;padding:60px 0 40px;border-top:1px solid var(--color-border);background:#fff}@media (max-width: 640px){footer{margin-top:40px;padding:40px 0 30px}}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:60px;margin-bottom:50px}@media (max-width: 1024px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:40px}}@media (max-width: 640px){.footer-grid{grid-template-columns:1fr;gap:32px;margin-bottom:40px}}.footer-brand{display:flex;align-items:flex-start}.footer-logo-group{display:flex;align-items:center;gap:12px}.footer-logo{width:32px;height:32px}.footer-brand-name{font-size:24px;font-weight:700;color:#111}.footer-column h4{font-size:15px;font-weight:600;color:#111;margin-bottom:16px;letter-spacing:-.01em}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:12px}.footer-column a{font-size:14px;color:#666;text-decoration:none;transition:color .2s}.footer-column a:hover{color:#111}.footer-divider{height:1px;background:var(--color-border);margin:40px 0 30px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#666}@media (max-width: 640px){.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}}.footer-copyright{display:flex;align-items:center;gap:4px}.heart{color:#ef4444;display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%{transform:scale(.95)}}.footer-status{display:flex;align-items:center;gap:20px}.status-indicator{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.status-pulse{width:8px;height:8px;background:#10b981;border-radius:50%;position:relative;animation:pulse 2s ease-in-out infinite}.status-pulse:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:#10b981;opacity:.3;animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.3}50%{transform:scale(1.2);opacity:0}to{transform:scale(.8);opacity:0}}.footer-location{color:#666}nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0;background:#fff;border-bottom:1px solid var(--color-border, #e0e0e0)}nav ul{display:flex;list-style:none;gap:40px;font-size:15px}.logo{font-size:24px;font-weight:700}nav ul li{color:#222;font-weight:500}nav a:hover{text-decoration:underline;text-decoration-color:var(--amber-600);text-underline-offset:3px;text-decoration-skip-ink:auto}.mobile-menu-button{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger-line{width:24px;height:2px;background:#111;transition:all .3s ease;margin:3px 0}.mobile-menu-button--open .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-button--open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-button--open .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:61px;left:0;width:100%;height:calc(100vh - 61px);background:#fff;border-top:1px solid var(--color-border);z-index:1000;transform:translate(100%);transition:transform .3s ease}.mobile-menu--open{transform:translate(0)}.mobile-menu-content{padding:32px 20px;display:flex;flex-direction:column;gap:32px}.mobile-menu-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:24px}.mobile-menu-links li{font-size:24px;font-weight:600}.mobile-menu-links a,.mobile-demo-btn{text-decoration:none;color:#111;display:block;padding:12px 0}.mobile-demo-btn{background:none;border:none;cursor:pointer;font:inherit;font-size:24px;font-weight:600;text-align:left;width:100%;padding:12px 0}.mobile-menu-buttons{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--color-border)}body.mobile-menu-open{overflow:hidden}@media (max-width: 768px){.mobile-menu-button{display:flex}.nav-desktop{display:none!important}.mobile-menu{display:block}.logo-img{height:24px!important}.logo{font-size:20px!important}}@media (max-width: 640px){nav{padding:12px 0}}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:600;padding:14px 32px;text-decoration:none;border:none;cursor:pointer;font:inherit;line-height:1.2;min-height:44px;transition:transform .15s ease,background .15s ease,filter .15s ease}.button:hover{text-decoration:none}.button:focus-visible{outline:3px solid var(--amber-600);outline-offset:2px}.button--primary{background:var(--amber-600);color:#111;border:1px solid var(--amber-700)}.button--primary:hover{filter:brightness(.98);transform:translateY(-1px)}.button--primary:after{content:"→";margin-left:8px;font-size:1.1em}.button--secondary{background:#fff;color:#111;border:1.5px solid var(--color-border)}.button--secondary:hover{background:#f8f8f8;transform:translateY(-1px)}.button--sm{padding:12px 18px;font-size:14px;min-height:40px}.cta-button{display:inline-block;background:#000;color:#fff;padding:16px 48px;margin:20px 0;font-size:18px;font-weight:600;text-decoration:none;border-radius:6px;transition:opacity .2s}.cta-button:hover{opacity:.85}@media (max-width: 640px){.button{padding:12px 24px;font-size:15px}.button--sm{padding:10px 16px;font-size:13px}}.hero{position:relative;isolation:isolate;padding-bottom:0;display:flex;flex-direction:column}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle at 2px 2px,var(--hero-grid-dot, oklch(88% 0 0)) 1.5px,transparent 1.5px);background-size:var(--hero-grid-size, 24px) var(--hero-grid-size, 24px);opacity:.6;mask-image:radial-gradient(60% 50% at 50% 12%,#000 50%,transparent 100%)}.hero{border-bottom:1px solid var(--color-border)}.hero-content{max-width:1080px;margin:0 auto;padding:0 20px}@media (max-width: 640px){.hero-content{padding:0 16px}}.badge{display:inline-block;border:1px solid oklch(92% 0 0);background:#fff;padding:5px 14px;margin:10px 0;font-size:13px;border-radius:0;font-weight:500;position:relative;z-index:1}@media (max-width: 640px){.badge{font-size:12px;padding:4px 12px}}.hero-image-frame{margin:0 auto;max-width:1080px;position:relative;padding:12px 12px 0;background:var(--amber-100);border:2px solid oklch(85% .08 70);border-bottom:none;border-top-left-radius:12px;border-top-right-radius:12px}@media (max-width: 640px){.hero-image-frame{padding:8px 8px 0;border-top-left-radius:8px;border-top-right-radius:8px}}.hero-image-outer{background:#fff;border:2px solid var(--amber-600);border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014}.hero-image{display:block;width:100%;height:auto;transform:scale(1.005);border-top-left-radius:8px;border-top-right-radius:8px}.screenshot-frame{margin:50px auto;max-width:1080px;position:relative;padding:12px;background:var(--amber-100);border:2px solid oklch(85% .08 70);border-radius:12px}.screenshot-outer{background:#fff;border:2px solid var(--amber-600);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014}.screenshot{display:block;width:100%;height:auto;transform:scale(1.005);border-radius:8px}@media (max-width: 480px){.hero-buttons{flex-direction:column!important;gap:12px!important;width:100%}.hero-buttons .button{width:100%;justify-content:center}}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0}.col{background:#fff;border:1px solid #e0e0e0;padding:32px;border-radius:8px}.problem-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;margin-bottom:60px}.problem-card{background:#fff;border:1px solid rgb(226,232,240);padding:32px;border-radius:0;box-shadow:var(--shadow-sm)}.problem-card:hover{box-shadow:var(--shadow-sm)}.problem-card h3{font-size:18px;font-weight:500;line-height:1.5;margin-bottom:12px;color:#1a202c;letter-spacing:-.015em}.problem-card p{font-size:15px;line-height:1.7;color:#64748b;margin:0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:50px 0}@media (max-width: 768px){.comparison{grid-template-columns:1fr;gap:24px;margin:40px 0}}.comparison-item{background:#f8fafc;border:1px solid rgb(226,232,240);padding:36px;border-radius:0;box-shadow:var(--shadow-sm)}@media (max-width: 640px){.comparison-item{padding:24px}}.comparison-item:hover{box-shadow:var(--shadow-sm)}.comparison-item h3{font-size:24px;font-weight:500;margin-bottom:20px;color:#111;letter-spacing:-.015em}.comparison-item p{font-size:16px;line-height:1.8;color:#555}.workflow-text{font-family:SF Mono,Monaco,Consolas,monospace;font-size:15px;margin-top:20px;letter-spacing:.02em}.comparison-item--traditional{border-left:3px solid rgb(203,213,225)}.comparison-item--compyle{border-left:3px solid var(--amber-600)}.stack-cards{list-style:none;padding:0;margin:0}.stack-cards__item{position:sticky;top:40px;transform-origin:center top;transition:transform .3s ease}@media (max-width: 640px){.stack-cards__item{top:20px}}.stage-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:40px 0;padding:48px;background:#fff;border-radius:0;border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm)}@media (max-width: 1024px){.stage-row{grid-template-columns:1fr;gap:40px;padding:40px;margin:32px 0}}@media (max-width: 640px){.stage-row{gap:30px;padding:24px;margin:24px 0}}.stage-row:hover{box-shadow:var(--shadow-md)}.stage-row--research{border-radius:0;border-width:1px;border-color:#e2e8f0}.stage-row--research:hover{transform:none;box-shadow:var(--shadow-sm);border-color:#e2e8f0}.stage-row--research .stage-content h3{font-size:24px;font-weight:500;margin-bottom:12px;letter-spacing:-.015em;color:#1a202c}.stage-row--research .stage-content p{font-size:16px;line-height:1.8;color:#64748b}.stage-row--planning{border-radius:0;border-width:1px;border-color:#e2e8f0}.stage-row--planning:hover{transform:none;box-shadow:var(--shadow-sm);border-color:#e2e8f0}.stage-row--planning .stage-content h3{font-size:24px;font-weight:500;margin-bottom:12px;letter-spacing:-.015em;color:#1a202c}.stage-row--planning .stage-content p{font-size:16px;line-height:1.8;color:#64748b}.stage-row--implementation{border-radius:0;border-width:1px;border-color:#e2e8f0}.stage-row--implementation:hover{transform:none;box-shadow:var(--shadow-sm);border-color:#e2e8f0}.stage-row--implementation .stage-content h3{font-size:24px;font-weight:500;margin-bottom:12px;letter-spacing:-.015em;color:#1a202c}.stage-row--implementation .stage-content p{font-size:16px;line-height:1.8;color:#64748b}.stage-content h3{font-size:28px;font-weight:600;margin-bottom:16px;color:#111;letter-spacing:-.01em}.stage-content p{font-size:17px;line-height:1.7;color:#555;margin:0}.timeline{border-left:3px solid #333;padding-left:20px;max-width:600px;margin:30px auto}.timeline-item{margin:24px 0;padding-left:20px;position:relative}.timeline-item:before{content:"├─";position:absolute;left:-23px;font-weight:700}.callout-box{border:3px solid #111;padding:48px 56px;margin:60px auto 0;max-width:900px;background:#fff;border-radius:0;box-shadow:var(--shadow-md)}@media (max-width: 768px){.callout-box{padding:32px 40px;margin:40px auto 0}}@media (max-width: 640px){.callout-box{padding:24px 28px;margin:32px auto 0;border-width:2px}}.callout-box p{font-size:21px;text-align:center;font-weight:500;line-height:1.6;color:#111;margin:0;letter-spacing:-.01em}@media (max-width: 640px){.callout-box p{font-size:18px;line-height:1.5}}.final-cta{text-align:center;border-top:1px solid var(--color-border)}.final-cta h2{margin-bottom:30px}.final-cta .button--primary{margin:10px 0 20px}@media (max-width: 480px){.final-cta .button--primary{width:100%;max-width:400px}}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out}.video-modal--open{display:flex}.video-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(4px)}.video-modal__container{position:relative;width:90vw;max-width:1200px;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;z-index:1}.video-modal__close{position:absolute;top:-50px;right:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;z-index:2}.video-modal__close:hover{background:#fff3;transform:scale(1.05)}.video-modal__video{position:relative;width:100%;line-height:0}.video-modal__video mux-player{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.video-modal__container{width:95vw}.video-modal__close{top:-45px;width:36px;height:36px}}body.video-modal-open{overflow:hidden}.research-animation{height:250px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid rgb(226,232,240);border-radius:0;position:relative;overflow:hidden;padding:0 24px}.research-tool-card{position:absolute;opacity:0;width:calc(100% - 48px);max-width:520px;left:50%;transform:translate(-50%);transition:all .3s ease-out}.research-tool-card-inner{position:relative;z-index:10;width:100%;border:1px solid rgb(226 232 240);border-radius:12px;background:#ffffffe6;backdrop-filter:blur(8px);transition:all .3s ease-out}.research-tool-card-inner:hover{box-shadow:0 4px 6px -1px #94a3b84d;background:#fff;border-color:#cbd5e166;transform:translateY(-1px)}.research-tool-button{display:flex;flex-direction:row;width:100%;align-items:center;gap:12px;padding:8px 16px;text-align:left;border-radius:12px}.research-tool-icon{display:flex;height:32px;width:32px;align-items:center;justify-content:center;border-radius:8px;border-width:1px;transition:all .2s ease-out}.research-tool-card-inner:hover .research-tool-icon{transform:scale(1.05)}.research-tool-icon svg{width:16px;height:16px}.research-tool-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:1;min-width:0;gap:8px}.research-tool-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;transition:colors .3s}.research-tool-summary{font-size:14px;font-weight:400;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:colors .3s}.research-tool-meta{font-size:12px;color:#64748b;transition:colors .3s;white-space:nowrap}.research-tool-state{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.research-tool-state svg{width:16px;height:16px}.research-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.research-chevron{transition:all .3s}.icon-purple{border-color:#e9d5ff;background-color:#faf5ff;color:#9333ea}.icon-sky{border-color:#bae6fd;background-color:#f0f9ff;color:#0284c7}.icon-slate{border-color:#cbd5e1;background-color:#0f172a0d;color:#1e293b}.icon-amber{border-color:#fde68a;background-color:#fefce8;color:#d97706}.planning-animation{height:450px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid rgb(226,232,240);border-radius:0;position:relative;overflow:hidden;padding:0 24px}.planning-tool-card{position:absolute;opacity:0;width:calc(100% - 48px);max-width:520px;left:50%;transform:translate(-50%);transition:all .3s ease-out}.planning-tool-card-inner{position:relative;z-index:10;width:100%;border:1px solid rgb(226 232 240);border-radius:12px;background:#ffffffe6;backdrop-filter:blur(8px);transition:all .3s ease-out}.planning-tool-button{display:flex;flex-direction:row;width:100%;align-items:center;gap:12px;padding:8px 16px;text-align:left;border-radius:12px}.planning-thinking-msg{display:flex;align-items:center;width:100%;gap:8px;color:#64748b;font-size:12px;padding:4px 0}.thinking-chevron{width:12px;height:12px;flex-shrink:0;transition:transform .2s}.thinking-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thinking-dots{display:inline}.thinking-dots:after{content:".";animation:thinkingDots 1.5s steps(3,end) infinite}@keyframes thinkingDots{0%{content:"."}33%{content:".."}66%{content:"..."}}.planning-question-pending{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border:1px solid rgb(226,232,240);border-radius:8px;font-size:13px;color:#64748b}.planning-question-answered{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ecfdf5;border:1px solid rgb(167,243,208);border-radius:8px;font-size:13px;color:#059669;font-weight:500}.planning-question-card{position:absolute;bottom:0;left:24px;right:24px;background:#f9fafbfa;backdrop-filter:blur(8px);border:1px solid rgb(226,232,240);border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -4px 12px #00000014;transform:translateY(100%);opacity:0;z-index:50}.question-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgb(226,232,240)}.question-content{padding:16px;max-height:320px;overflow-y:auto}.question-title{font-size:15px;font-weight:600;color:#0f172a;margin-bottom:16px}.question-choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.question-choice{position:relative;border:2px solid rgb(226,232,240);border-radius:8px;background:#fff;padding:12px;cursor:pointer;transition:all .2s ease}.question-choice.selected{border-color:#fb923c;background:#fffbeb}.question-choice-image{width:100%;height:80px;border:1px solid rgb(226,232,240);border-radius:4px;margin-bottom:8px;overflow:hidden;background:#fff}.question-choice-image iframe{width:200%;height:200%;transform:scale(.5);transform-origin:0 0;border:none;pointer-events:none}.question-choice-label{font-size:13px;font-weight:500;color:#334155;text-align:center}.question-text-choice{border:2px solid rgb(226,232,240);border-radius:8px;background:#fff;padding:12px 16px;font-size:14px;color:#334155;cursor:pointer;transition:all .2s ease}.question-text-choice.selected{border-color:#fb923c;background:#fffbeb}.question-actions{display:flex;justify-content:flex-end;gap:12px;padding:12px 16px;border-top:1px solid rgb(226,232,240)}.question-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.question-button-skip{background:transparent;color:#64748b}.question-button-confirm{background:#f8fafc;color:#334155;border:1px solid rgb(226,232,240)}.question-button-confirm.active{background:#fb923c;color:#fff;border-color:#fb923c}.animated-cursor{position:absolute;width:24px;height:24px;pointer-events:none;z-index:150;opacity:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transform-origin:top left;fill:#111;stroke:#fff;left:0;top:0}.cursor-click-ripple{position:absolute;width:60px;height:60px;border:3px solid rgb(251,146,60);border-radius:50%;transform:scale(0);opacity:0;pointer-events:none;z-index:149;margin-left:-30px;margin-top:-30px;left:0;top:0}.implementation-animation{height:450px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid rgb(226,232,240);border-radius:0;position:relative;overflow:hidden;padding:0 24px}.implementation-tool-card{position:absolute;opacity:0;width:calc(100% - 48px);max-width:520px;left:50%;transform:translate(-50%);transition:all .3s ease-out}.implementation-tool-card-inner{position:relative;z-index:10;width:100%;border:1px solid rgb(226 232 240);border-radius:12px;background:#ffffffe6;backdrop-filter:blur(8px);transition:all .3s ease-out}.implementation-pr-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:8px;font-weight:600;border:1px solid var(--color-border);background:#fff;transition:all .15s ease}.implementation-pr-btn:hover{transform:translateY(-1px);background:#f8f8f8}.implementation-pr-btn--success{background:#10b981;border-color:#059669;color:#fff}.implementation-canvas{position:absolute;inset:0;pointer-events:none;z-index:500;width:100%!important;height:100%!important}.pain-points-section[data-astro-cid-oo6sugl5]{padding:20px 0 60px;background:#fff}.pain-points-section[data-astro-cid-oo6sugl5] .three-col[data-astro-cid-oo6sugl5]{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media (max-width: 1024px){.pain-points-section[data-astro-cid-oo6sugl5] .three-col[data-astro-cid-oo6sugl5]{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 640px){.pain-points-section[data-astro-cid-oo6sugl5] .three-col[data-astro-cid-oo6sugl5]{grid-template-columns:1fr;gap:20px}}.pain-points-section[data-astro-cid-oo6sugl5] .col[data-astro-cid-oo6sugl5]{background:#f8fafc;border:1px solid rgb(226,232,240);border-left:3px solid var(--amber-600);padding:32px;border-radius:0}@media (max-width: 640px){.pain-points-section[data-astro-cid-oo6sugl5] .col[data-astro-cid-oo6sugl5]{padding:24px}}.pain-points-section[data-astro-cid-oo6sugl5] .col[data-astro-cid-oo6sugl5]:hover{box-shadow:var(--shadow-sm)}.pain-points-section[data-astro-cid-oo6sugl5] h3[data-astro-cid-oo6sugl5]{font-size:18px;font-weight:500;line-height:1.5;margin-bottom:12px;color:#111;letter-spacing:-.015em}.pain-points-section[data-astro-cid-oo6sugl5] p[data-astro-cid-oo6sugl5]{font-size:15px;line-height:1.7;color:#555;margin:0}