:root{--ink:#152945;--muted:#5d6e83;--navy:#0f2548;--blue:#1769df;--sky:#eaf3ff;--line:#d9e4f1;--canvas:#f7f9fc;--mint:#c8f0dc;--radius:20px;--shadow:0 18px 48px rgba(25,55,97,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.skip-link{position:fixed;top:-4rem;left:1rem;z-index:20;padding:.6rem .9rem;background:#fff;border-radius:10px;box-shadow:var(--shadow)}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:10;min-height:72px;padding:0 max(1.25rem,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid #e1e9f3;background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:850;letter-spacing:-.025em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#1769df,#6a3bd5);color:#fff;font-weight:900}.site-header nav{display:flex;gap:1.15rem;color:#41536b;font-size:.92rem}.site-header nav a{text-decoration:none}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--blue)}
.section-shell{max-width:1160px;margin:auto;padding-left:1.25rem;padding-right:1.25rem}.hero{min-height:550px;display:grid;grid-template-columns:1.1fr .75fr;align-items:center;gap:4rem;padding-top:5.2rem;padding-bottom:4.6rem}.hero::before{content:"";position:absolute;z-index:-1;inset:72px 0 auto;height:570px;background:radial-gradient(circle at 80% 18%,#d7eaff 0,transparent 25%),linear-gradient(120deg,#fbfdff,#e9f3ff 58%,#f8f4ff)}.eyebrow,.card-kicker{margin:0 0 .7rem;color:#116095;font-size:.76rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.hero h1{max-width:720px;margin:.1rem 0 1.25rem;font-size:clamp(2.65rem,5.6vw,4.85rem);line-height:1.01;letter-spacing:-.065em}.hero h1 em{color:#1365d4;font-style:normal}.hero-lede{max-width:640px;color:var(--muted);font-size:1.12rem}.hero-actions,.template-actions,.form-actions{display:flex;flex-wrap:wrap;gap:.72rem;margin:1.65rem 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1rem;border:1px solid transparent;border-radius:12px;text-decoration:none;font-weight:780;cursor:pointer;transition:transform .16s,box-shadow .16s}.button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(23,105,224,.18)}.button-primary{background:var(--blue);color:#fff}.button-secondary{border-color:#b9cae1;background:#fff;color:var(--navy)}.text-button{padding:0;border:0;background:transparent;color:#075fc7;font-weight:780;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.preview-notice{color:#61718a;font-size:.85rem}.preview-notice span{color:#11a867}.hero-panel{padding:1.2rem;border:1px solid #bfcee5;border-radius:24px;background:rgba(255,255,255,.82);box-shadow:var(--shadow)}.panel-topline{display:flex;justify-content:space-between;color:#59708a;font-size:.73rem;font-weight:850;letter-spacing:.08em}.live-dot{color:#157d50}.data-line{display:flex;justify-content:space-between;padding:.88rem 0;border-bottom:1px solid #e8eef6}.data-line strong{color:#145dbd;font-size:1.2rem}.panel-note{margin-top:1rem;border-left:4px solid #67a4ef;padding:.55rem .75rem;background:#edf6ff;color:#46617d;font-size:.89rem}
.trust-strip{display:flex;justify-content:center;gap:clamp(1rem,5vw,5rem);padding:1.1rem 1.25rem;background:var(--navy);color:#eff6ff;font-size:.92rem}.trust-strip div{display:flex;align-items:center;gap:.5rem}.strip-number{color:#8ec2ff;font-weight:850}.section{padding-top:5.2rem;padding-bottom:5.2rem}.section-intro{max-width:700px;margin-bottom:2rem}.section-intro h2,.template-copy h2,.brief-copy h2,.faq h2{margin:.1rem 0 .75rem;font-size:clamp(1.9rem,3.4vw,2.75rem);line-height:1.1;letter-spacing:-.045em}.section-intro>p:last-child,.template-copy>p,.brief-copy>p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.service-card{min-height:100%;padding:1.45rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 5px 18px rgba(40,65,97,.04)}.service-card:hover{border-color:#a9c6ea;box-shadow:var(--shadow)}.service-card-featured{border-top:4px solid #478eea}.service-card h3{margin:.15rem 0 .55rem;font-size:1.18rem}.service-card>p:not(.card-kicker){color:var(--muted)}.service-card ul{min-height:88px;margin:1rem 0;padding-left:1.1rem;color:#44566d;font-size:.9rem}.service-card li{margin:.37rem 0}.service-icon{width:42px;height:42px;margin-bottom:1rem;border-radius:12px;background:#e7f2ff;position:relative}.icon-grid::before{content:"▦"}.icon-cart::before{content:"⌑"}.icon-spark::before{content:"✦"}.service-icon::before{position:absolute;inset:0;display:grid;place-items:center;color:#1260bb;font-size:1.4rem}
.workbench{max-width:none;background:#eaf3ff}.workbench>.section-shell{padding-top:5.2rem;padding-bottom:5.2rem}.demo-controls{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}.demo-tab{padding:.58rem .82rem;border:1px solid #bfd3ec;border-radius:10px;background:#fff;color:#345472;font-weight:750;cursor:pointer}.demo-tab.active,.demo-tab[aria-selected="true"]{border-color:var(--blue);background:var(--blue);color:#fff}.demo-stage{display:grid;grid-template-columns:.8fr 1.2fr;gap:1.5rem;padding:1.45rem;border:1px solid #d4e1ef;border-radius:var(--radius);background:#fff}.demo-copy>p:not(.card-kicker){color:var(--muted)}.demo-key{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem;margin-top:1.2rem;color:#5a6d84;font-size:.83rem}.key-dot{width:.6rem;height:.6rem;border-radius:50%}.key-source{background:#8ba5c4}.key-output{background:#48a873}.key-flag{background:#e9aa32}.table-frame{overflow-x:auto;border:1px solid #dbe6f1;border-radius:12px}.table-frame:focus{outline:3px solid rgba(23,105,224,.3);outline-offset:2px}.table-frame table{width:100%;min-width:450px;border-collapse:collapse;font-size:.86rem}.table-frame th,.table-frame td{padding:.72rem .8rem;border-bottom:1px solid #e9eff6;text-align:left}.table-frame th{background:#f4f8fc;color:#4f6a84;font-size:.73rem;letter-spacing:.06em;text-transform:uppercase}.table-frame tr:last-child td{border-bottom:0}.is-source{background:#f5f8fc}.is-output{background:#f3fff8}.needs-decision{color:#805400;background:#fff3cf}
.template-section,.brief-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:2.5rem;align-items:start;padding-top:5.2rem;padding-bottom:5.2rem}.template-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.template-preview article{display:flex;gap:.7rem;padding:1rem;border:1px solid #d9e7df;border-radius:14px;background:#f7fffa}.template-preview span,.process-list>li>span{display:grid;flex:0 0 2.4rem;width:2.4rem;height:2.4rem;place-items:center;border-radius:50%;background:#d9f4e5;color:#166343;font-size:.82rem;font-weight:850}.template-preview h3{margin:0 0 .2rem;font-size:1rem}.template-preview p{margin:0;color:#587365;font-size:.86rem}.process{max-width:none;background:#fff}.process>.section-shell{padding-top:5.2rem;padding-bottom:5.2rem}.process-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;list-style:none;margin:0;padding:0}.process-list li{display:flex;gap:.85rem}.process-list h3{margin:0 0 .35rem;font-size:1.03rem}.process-list p{margin:0;color:var(--muted);font-size:.9rem}
.brief-section{grid-template-columns:.75fr 1.25fr}.brief-note{border-left:3px solid #e5a429;padding-left:.75rem;color:#76581d!important;font-size:.88rem}.brief-section form{padding:1.3rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.field-grid label,.conditional-field label,.brief-section form>label:not(.check-row){display:grid;gap:.35rem;color:#344961;font-size:.86rem;font-weight:720}.field-grid select,.field-grid input,.conditional-field select,.brief-section textarea{width:100%;padding:.65rem .72rem;border:1px solid #c8d7e8;border-radius:10px;background:#fff;color:var(--ink)}.brief-section textarea{min-height:88px;resize:vertical}.field-grid input:focus,.field-grid select:focus,.conditional-field select:focus,.brief-section textarea:focus,.button:focus,.demo-tab:focus,.text-button:focus{outline:3px solid rgba(23,105,224,.28);outline-offset:2px}.conditional-field{margin-top:.85rem}.check-row{display:flex!important;align-items:flex-start;gap:.55rem;margin:1rem 0 .35rem;color:#435970!important;font-size:.87rem!important}.check-row input{margin-top:.25rem}.field-help,.form-status{margin:.4rem 0;color:#687a90;font-size:.8rem}.brief-output{grid-column:2;padding:1.2rem;border:1px dashed #9ab8db;border-radius:14px;background:#f4faff}.brief-output h3{margin:.2rem 0 .45rem}.brief-output p:not(.card-kicker){color:#4e6680}.faq{padding-bottom:5.2rem}.faq details{margin:.65rem 0;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:#fff}.faq summary{cursor:pointer;font-weight:780}.faq details p{margin:.7rem 0 0;color:var(--muted)}.site-footer{padding:2rem max(1.25rem,calc((100vw - 1160px)/2));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;background:#0e213e;color:#c9d8ea}.site-footer p{max-width:650px;margin:0;font-size:.86rem}
@media(max-width:820px){.site-header nav{display:none}.hero,.demo-stage,.template-section,.brief-section{grid-template-columns:1fr;gap:2rem}.hero{min-height:0;padding-top:4rem}.hero::before{height:820px}.service-grid{grid-template-columns:1fr}.brief-output{grid-column:auto}.process-list{grid-template-columns:1fr}.template-preview{grid-template-columns:1fr}}@media(max-width:520px){.section,.workbench>.section-shell,.process>.section-shell,.template-section,.brief-section{padding-top:3.5rem;padding-bottom:3.5rem}.hero h1{font-size:2.65rem}.hero-actions .button{width:100%}.field-grid{grid-template-columns:1fr}.trust-strip{display:grid;gap:.55rem;justify-content:start}.site-footer{display:grid}.template-actions .button{width:100%}}