@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300..700;1,9..40,300..700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--ink: #0a0a0a;--paper: #f6f4f0;--cream: #ece8e1;--warm-gray: #9e9589;--accent: #c4553a;--accent-soft: rgba(196, 85, 58, .08);--sage: #4a6354;--sage-soft: rgba(74, 99, 84, .08);--serif: "Instrument Serif", Georgia, serif;--sans: "DM Sans", -apple-system, sans-serif;--mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--sans);background:var(--paper);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}nav{position:fixed;top:0;width:100%;z-index:100;padding:1.25rem 3rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f6f4f0d9;border-bottom:1px solid rgba(10,10,10,.06);transition:all .4s ease}.nav-logo{font-family:var(--serif);font-size:1.5rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.nav-links{display:flex;gap:2.5rem;align-items:center;list-style:none}.nav-links a{font-size:.85rem;color:var(--warm-gray);text-decoration:none;letter-spacing:.03em;transition:color .3s}.nav-links a:hover{color:var(--ink)}.nav-cta{font-size:.85rem!important;color:var(--paper)!important;background:var(--ink);padding:.65rem 1.5rem;border-radius:6px;transition:all .3s ease!important}.nav-cta:hover{background:var(--accent)!important;color:var(--paper)!important}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:8rem 3rem 4rem;position:relative}.hero-eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:2rem;animation:fadeInUp .8s ease both;position:relative;padding-left:2rem}.hero-eyebrow:before{content:"";position:absolute;left:0;top:50%;width:1.2rem;height:1px;background:var(--warm-gray)}.hero h1{font-family:var(--serif);font-size:clamp(3.2rem,7.5vw,6.5rem);line-height:1.02;letter-spacing:-.03em;max-width:900px;animation:fadeInUp .8s ease .1s both}.hero h1 em{font-style:italic;color:var(--warm-gray)}.hero-sub{font-size:1.2rem;line-height:1.7;color:var(--warm-gray);max-width:540px;margin-top:2rem;font-weight:300;animation:fadeInUp .8s ease .2s both}.hero-actions{display:flex;gap:1rem;margin-top:3rem;animation:fadeInUp .8s ease .3s both}.btn-primary{font-family:var(--sans);font-size:.95rem;font-weight:500;color:var(--paper);background:var(--ink);padding:1rem 2.25rem;border:none;border-radius:8px;cursor:pointer;transition:all .35s ease;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 8px 30px #c4553a33}.btn-ghost{font-family:var(--sans);font-size:.95rem;font-weight:400;color:var(--ink);background:transparent;padding:1rem 2.25rem;border:1.5px solid rgba(10,10,10,.15);border-radius:8px;cursor:pointer;transition:all .35s ease;text-decoration:none;display:inline-block}.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}.hero-metrics{display:flex;gap:4rem;margin-top:5rem;padding-top:3rem;border-top:1px solid rgba(10,10,10,.08);animation:fadeInUp .8s ease .4s both}.metric{display:flex;flex-direction:column}.metric-value{font-family:var(--serif);font-size:2.5rem;letter-spacing:-.03em;line-height:1}.metric-label{font-size:.78rem;color:var(--warm-gray);margin-top:.5rem;letter-spacing:.02em}.hero:before{content:"";position:absolute;right:3rem;top:50%;transform:translateY(-50%);width:1px;height:40%;background:linear-gradient(to bottom,transparent,rgba(10,10,10,.08),transparent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-hint{position:absolute;bottom:2.5rem;right:3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:fadeInUp .8s ease .5s both}.scroll-hint span{font-family:var(--mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--warm-gray);writing-mode:vertical-rl}.scroll-line{width:1px;height:50px;background:var(--warm-gray);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-100%;width:100%;height:100%;background:var(--ink);animation:scrollDown 2s ease infinite}@keyframes scrollDown{0%{top:-100%}to{top:100%}}.problem{padding:8rem 3rem;background:var(--ink);color:var(--paper);position:relative}.problem:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,var(--paper),var(--ink))}.section-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:2rem;display:block}.problem h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.2rem);line-height:1.2;max-width:700px;letter-spacing:-.02em}.problem h2 em{font-style:italic;color:var(--accent)}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:4rem}.pain-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:2.5rem;transition:all .4s ease}.pain-card:hover{background:#ffffff0f}.pain-number{font-family:var(--serif);font-size:3rem;color:#ffffff14;line-height:1;margin-bottom:1.5rem}.pain-card h3{font-family:var(--serif);font-size:1.3rem;font-weight:400;margin-bottom:.75rem;letter-spacing:-.01em}.pain-card p{font-size:.88rem;line-height:1.65;color:#ffffff80;font-weight:300}.how-it-works{padding:8rem 3rem;position:relative;overflow:hidden}.how-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:5rem}.how-header h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;letter-spacing:-.02em;max-width:500px}.how-header h2 em{font-style:italic;color:var(--warm-gray)}.how-header p{font-size:.9rem;color:var(--warm-gray);max-width:320px;text-align:right;line-height:1.6}.workflow-demo{max-width:1100px;margin:0 auto;position:relative}.workflow-track{display:flex;position:relative;gap:0}.workflow-track:before{content:"";position:absolute;top:2.5rem;left:0;right:0;height:1px;background:#0a0a0a1a}.workflow-stage{flex:1;padding:0 1.5rem;cursor:pointer;position:relative}.stage-marker{width:50px;height:50px;border:2px solid rgba(10,10,10,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.75rem;color:var(--warm-gray);background:var(--paper);position:relative;z-index:2;transition:all .5s cubic-bezier(.16,1,.3,1);margin-bottom:2rem}.workflow-stage.active .stage-marker{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:scale(1.1)}.workflow-stage.completed .stage-marker{background:var(--sage);color:var(--paper);border-color:var(--sage)}.stage-content h3{font-family:var(--serif);font-size:1.3rem;font-weight:400;letter-spacing:-.01em;margin-bottom:.75rem;transition:color .3s}.workflow-stage.active .stage-content h3{color:var(--ink)}.workflow-stage:not(.active) .stage-content h3{color:var(--warm-gray)}.stage-content p{font-size:.85rem;line-height:1.65;color:var(--warm-gray);font-weight:300;max-width:260px}.stage-time{font-family:var(--mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-top:1rem;opacity:0;transition:opacity .3s}.workflow-stage.active .stage-time{opacity:1}.workflow-preview{margin-top:4rem;background:var(--ink);border-radius:12px;overflow:hidden;position:relative;min-height:340px}.preview-bar{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.preview-dot{width:8px;height:8px;border-radius:50%}.preview-dot:nth-child(1){background:#ff5f57}.preview-dot:nth-child(2){background:#febc2e}.preview-dot:nth-child(3){background:#28c840}.preview-filename{font-family:var(--mono);font-size:.7rem;color:var(--warm-gray);margin-left:.75rem}.preview-body{padding:2rem;font-family:var(--mono);font-size:.78rem;color:var(--warm-gray);line-height:2.2;position:relative}.preview-panel{display:none;animation:panelFadeIn .5s ease both}.preview-panel.active{display:block}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preview-body .hl{color:var(--accent)}.preview-body .ok{color:var(--sage)}.preview-body .dim{color:#fff3}.preview-body .wt{color:var(--paper)}.typing-cursor{display:inline-block;width:8px;height:15px;background:var(--accent);margin-left:2px;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.workflow-progress{height:3px;background:#ffffff0f;position:relative;overflow:hidden}.workflow-progress-fill{height:100%;background:var(--sage);transition:width .8s cubic-bezier(.16,1,.3,1)}.features{padding:8rem 3rem;background:var(--cream)}.features-header{text-align:center;margin-bottom:5rem}.features-header h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.02em}.features-header h2 em{font-style:italic;color:var(--warm-gray)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.feature-card{background:var(--paper);border-radius:12px;padding:3rem;border:1px solid rgba(10,10,10,.05);transition:all .4s ease;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0a0a0a0f}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.feature-card:hover:after{transform:scaleX(1)}.feature-icon{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:.4rem .8rem;border-radius:4px;display:inline-block;margin-bottom:1.5rem}.feature-card h3{font-family:var(--serif);font-size:1.5rem;font-weight:400;margin-bottom:1rem;letter-spacing:-.01em}.feature-card p{font-size:.88rem;line-height:1.65;color:var(--warm-gray);font-weight:300}.feature-card.featured{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.feature-visual{background:var(--ink);border-radius:8px;padding:2rem;font-family:var(--mono);font-size:.75rem;color:var(--warm-gray);line-height:2;position:relative;overflow:hidden}.feature-visual .line{display:block}.feature-visual .highlight{color:var(--accent)}.feature-visual .success{color:var(--sage)}.comparison{padding:8rem 3rem}.comparison h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.02em;text-align:center;margin-bottom:4rem}.comparison h2 em{font-style:italic;color:var(--warm-gray)}.compare-table{max-width:900px;margin:0 auto;border-collapse:collapse;width:100%}.compare-table th{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-gray);text-align:left;padding:1rem 1.5rem;border-bottom:2px solid var(--ink)}.compare-table th:last-child{text-align:center;color:var(--accent)}.compare-table td{font-size:.9rem;padding:1.2rem 1.5rem;border-bottom:1px solid rgba(10,10,10,.06);color:var(--warm-gray)}.compare-table td:first-child{color:var(--ink);font-weight:400}.compare-table td:last-child{text-align:center;color:var(--ink);font-weight:500}.check{color:var(--sage)}.cross{color:var(--warm-gray);opacity:.3}.proof{padding:8rem 3rem;background:var(--ink);color:var(--paper)}.proof-header{text-align:center;margin-bottom:4rem}.proof-header h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);letter-spacing:-.02em}.proof-header h2 em{font-style:italic;color:var(--warm-gray)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.testimonial{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:2.5rem}.testimonial blockquote{font-family:var(--serif);font-size:1.1rem;font-style:italic;line-height:1.55;color:#ffffffd9;margin-bottom:1.5rem}.testimonial-author{font-size:.8rem;color:var(--warm-gray)}.testimonial-author strong{display:block;color:var(--paper);font-weight:500;margin-bottom:.2rem}.pricing{padding:8rem 3rem}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-header h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.02em}.pricing-header h2 em{font-style:italic;color:var(--warm-gray)}.pricing-header p{font-size:.95rem;color:var(--warm-gray);margin-top:1rem;max-width:500px;margin-left:auto;margin-right:auto}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.pricing-card{border:1px solid rgba(10,10,10,.1);border-radius:12px;padding:3rem;position:relative;transition:all .4s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0a0a0a0f}.pricing-card.popular{border-color:var(--ink);background:var(--ink);color:var(--paper)}.pricing-tier{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:1.5rem;display:block}.pricing-amount{font-family:var(--serif);font-size:3rem;letter-spacing:-.03em;line-height:1}.pricing-period{font-size:.85rem;color:var(--warm-gray);margin-top:.35rem}.pricing-desc{font-size:.88rem;color:var(--warm-gray);margin:1.5rem 0;line-height:1.5;padding-bottom:1.5rem;border-bottom:1px solid rgba(158,149,137,.2)}.pricing-features{list-style:none;margin-bottom:2rem}.pricing-features li{font-size:.85rem;padding:.5rem 0;color:var(--warm-gray);display:flex;align-items:center;gap:.5rem}.pricing-features li:before{content:"✓";color:var(--sage);font-weight:600;font-size:.75rem}.popular .pricing-features li:before{color:var(--accent)}.pricing-card .btn-primary{width:100%;text-align:center;display:block}.popular .btn-primary{background:var(--paper);color:var(--ink)}.popular .btn-primary:hover{background:var(--accent);color:var(--paper)}.contact{padding:8rem 3rem;background:var(--cream)}.contact-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.contact-left h2{font-family:var(--serif);font-size:clamp(2rem,3.5vw,2.8rem);letter-spacing:-.02em;margin-bottom:1.5rem}.contact-left h2 em{font-style:italic;color:var(--warm-gray)}.contact-left p{font-size:.95rem;color:var(--warm-gray);line-height:1.7;margin-bottom:2.5rem}.contact-detail{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid rgba(10,10,10,.08)}.contact-detail:last-child{border-bottom:1px solid rgba(10,10,10,.08)}.contact-detail-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-gray);min-width:80px}.contact-detail-value{font-size:.9rem;color:var(--ink)}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-gray)}.form-group input,.form-group textarea,.form-group select{font-family:var(--sans);font-size:.9rem;padding:.9rem 1rem;border:1.5px solid rgba(10,10,10,.1);border-radius:8px;background:var(--paper);color:var(--ink);transition:border-color .3s;outline:none;resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--ink)}.form-group textarea{min-height:120px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-submit{margin-top:.5rem}.form-submit .btn-primary{width:100%;text-align:center}.form-submit .btn-sent{background:var(--sage)}.final-cta{padding:10rem 3rem;text-align:center;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 70%);border-radius:50%;pointer-events:none}.final-cta h2{font-family:var(--serif);font-size:clamp(2.5rem,5.5vw,4.5rem);letter-spacing:-.03em;line-height:1.1;max-width:700px;margin:0 auto 1.5rem;position:relative}.final-cta h2 em{font-style:italic;color:var(--warm-gray)}.final-cta p{font-size:1.05rem;color:var(--warm-gray);max-width:450px;margin:0 auto 2.5rem;line-height:1.6}footer{padding:4rem 3rem;border-top:1px solid rgba(10,10,10,.08)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:4rem}.footer-brand{max-width:280px}.footer-brand-name{font-family:var(--serif);font-size:1.5rem;color:var(--ink);margin-bottom:1rem}.footer-brand p{font-size:.85rem;color:var(--warm-gray);line-height:1.6}.footer-col h4{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:1.25rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.75rem}.footer-col a{font-size:.85rem;color:var(--ink);text-decoration:none;transition:color .3s;opacity:.7}.footer-col a:hover{opacity:1}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(10,10,10,.08)}.footer-copy{font-size:.75rem;color:var(--warm-gray)}.footer-legal{display:flex;gap:1.5rem}.footer-legal a{font-size:.75rem;color:var(--warm-gray);text-decoration:none;transition:color .3s}.footer-legal a:hover{color:var(--ink)}.legal-page{padding:10rem 3rem 6rem;max-width:750px;margin:0 auto}.legal-page h1{font-family:var(--serif);font-size:2.8rem;letter-spacing:-.02em;margin-bottom:1rem}.legal-page .last-updated{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(10,10,10,.08);display:block}.legal-page h2{font-family:var(--serif);font-size:1.4rem;font-weight:400;margin:2.5rem 0 1rem;letter-spacing:-.01em}.legal-page p{font-size:.9rem;line-height:1.8;color:var(--warm-gray);margin-bottom:1rem}.legal-page p strong{color:var(--ink);font-weight:500}.legal-page ul{padding-left:1.5rem;margin-bottom:1rem}.legal-page li{font-size:.9rem;line-height:1.8;color:var(--warm-gray);margin-bottom:.5rem}.legal-page li strong{color:var(--ink);font-weight:500}.legal-footer-bar{padding:3rem;border-top:1px solid rgba(10,10,10,.08);display:flex;justify-content:space-between;align-items:center;max-width:750px;margin:4rem auto 0}.legal-footer-bar a{font-family:var(--serif);font-size:1.2rem;color:var(--ink);text-decoration:none}.legal-footer-bar span{font-size:.75rem;color:var(--warm-gray)}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){nav{padding:1rem 1.5rem}.nav-links{display:none}.hero{padding:7rem 1.5rem 3rem}.hero-metrics{flex-direction:column;gap:2rem}.pain-grid{grid-template-columns:1fr}.workflow-track{flex-direction:column;gap:2rem}.workflow-track:before{display:none}.feature-grid{grid-template-columns:1fr}.feature-card.featured{grid-column:span 1;grid-template-columns:1fr}.testimonial-grid,.pricing-grid{grid-template-columns:1fr}.contact-inner{grid-template-columns:1fr;gap:3rem}.footer-top{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.problem,.how-it-works,.features,.comparison,.proof,.pricing,.contact,.final-cta{padding:5rem 1.5rem}footer{padding:3rem 1.5rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.hero-actions{flex-direction:column}.legal-page{padding:7rem 1.5rem 4rem}.legal-page h1{font-size:2rem}.legal-footer-bar{padding:2rem 1.5rem;flex-direction:column;gap:1rem}}