:root{--bg:#010101;--surface:#111;--surface2:#161616;--line:#252525;--ink:#f5f5f5;--muted:#929292;--quiet:#666;--orange:#e8613f;--tint:#37190f;--serif:'Instrument Serif',Georgia,serif;--sans:'Inter',Arial,sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.65;overflow-x:hidden}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{border:0}p{color:var(--muted);margin:0}h1,h2,h3{font-family:var(--sans);font-weight:400;margin:0;line-height:1.1;letter-spacing:-.045em}h2{font-size:clamp(48px,4.7vw,70px)}h3{font-size:30px}em{font-weight:400}sup{font-family:var(--serif);font-size:.3em;vertical-align:top;position:relative;top:.35em;letter-spacing:0}.wrap{width:calc(100% - 160px);max-width:1240px;margin:0 auto}.mono{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.055em;line-height:1.6}.eyebrow{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--orange);margin-bottom:24px}.section{padding-top:140px;padding-bottom:40px}.section-heading{text-align:center;margin:0 auto 66px}.section-heading p{margin:24px auto 0;max-width:490px;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 25px;border-radius:40px;font-size:13px;font-weight:500;line-height:1.4;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .2s;border:1px solid transparent}.button span{font-size:17px;line-height:1}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#fff;border-color:#f27c5d}.primary:hover{background:#f07350;box-shadow:0 0 28px #e8613f30}.secondary{background:#232323;color:#eee;border-color:#373737}.secondary:hover{background:#2d2d2d}.button-row{display:flex;gap:12px}.skip{position:fixed;top:-80px;left:20px;padding:10px 20px;background:var(--orange);z-index:999}.skip:focus{top:15px}.nav-shell{position:fixed;top:0;left:0;width:100%;z-index:50;background:linear-gradient(#010101ed,#010101d9);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff05}.nav{height:87px;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{font-family:var(--serif);font-size:47px;font-weight:400;line-height:1;letter-spacing:-.045em;white-space:nowrap}.nav-center{display:flex;align-items:center;gap:30px;padding-left:60px}.nav-center>a,.nav-link,.nav-trigger{font-size:12px;color:#b6b6b6;transition:color .2s}.nav-trigger,.nav-link{background:none;padding:12px 0}.nav-trigger span{margin-left:5px;color:#777}.nav-trigger[aria-expanded=true],.nav-center a:hover,.nav-link:hover,.nav-trigger:hover{color:var(--orange)}.nav-demo{padding:10px 23px;font-size:12px;min-width:125px}.nav-group{position:relative}.dropdown{position:absolute;top:calc(100% + 17px);left:-24px;background:#111;border:1px solid #292929;padding:22px;width:285px;border-radius:14px;box-shadow:0 20px 60px #000b;opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .2s,transform .2s,visibility .2s;z-index:60}.dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown.mega{left:-185px;width:670px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.dropdown p{color:#777;margin-bottom:14px}.dropdown a,.dropdown button{display:flex;text-align:left;align-items:center;gap:14px;width:100%;border-radius:7px;margin:2px 0;padding:10px 6px;font-size:13px;background:none;line-height:1.4;color:#ddd}.dropdown:not(.mega) a,.dropdown:not(.mega) button{display:block}.dropdown a:hover,.dropdown button:hover{background:#1b1b1b;color:var(--orange)}.dropdown i{display:grid;place-items:center;width:36px;height:36px;background:#202020;border:1px solid #303030;border-radius:7px;font-size:21px;font-style:normal}.dropdown small{display:block;font-size:11px;color:#777;margin-top:5px}.mobile-menu{display:none;background:none;font-size:23px}.hero{position:relative;min-height:835px;height:calc(100svh - 10px);max-height:1050px;isolation:isolate;overflow:hidden}.hero-inner{position:relative;height:100%;display:flex;align-items:center;padding-top:65px}.hero-copy{position:relative;z-index:3;width:45%;margin-top:-5px}.pilot-badge{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:#37190f99;border:1px solid #763621;color:#ed7758;padding:4px 9px;font-size:8px;letter-spacing:.065em;white-space:nowrap}.pilot-badge span{font-size:14px;line-height:1}h1{font-size:clamp(66px,6.5vw,104px);letter-spacing:-.043em;margin:24px 0 50px;line-height:.98;white-space:nowrap}h1 em{color:#f6f2ed;font-style:normal}.caret{display:inline-block;width:6px;height:.84em;vertical-align:-.01em;background:var(--orange);margin-left:8px;animation:blink 1.2s steps(1) infinite}.hero-copy>p:not(.hero-micro){font-size:14px;line-height:1.7;max-width:390px;margin:0 0 28px}.hero-micro{margin-top:22px;color:#b95940;font-size:8px;letter-spacing:.03em}.hero-product{position:absolute;width:850px;height:520px;left:50%;top:50%;transform:translateY(-43%);z-index:2;mask-image:linear-gradient(90deg,#000 83%,transparent),linear-gradient(#000 75%,transparent);mask-composite:intersect}.app-window{width:100%;height:550px;border:1px solid #292929;background:linear-gradient(135deg,#131313,#0b0b0b);border-radius:17px;display:flex;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff08}.app-window aside{width:182px;flex-shrink:0;padding:18px 12px;border-right:1px solid #242424;position:relative}.app-window .wordmark{font-size:32px;color:#898989;margin-bottom:22px}.mock-search{display:block;background:#252525;border-radius:6px;font-size:11px;color:#757575;padding:5px 9px;margin-bottom:24px}.app-window aside .mono{font-size:8px;color:#565656;margin:12px 8px}.mock-nav{display:block;font-size:11px;color:#757575;padding:8px;border-radius:5px;margin-bottom:4px}.mock-nav.active{background:#25201e;color:#cba18c}.mock-bottom{position:absolute;bottom:45px}.mock-main{flex:1}.mock-topbar{padding:19px 24px;border-bottom:1px solid #242424;font-size:13px;color:#bcbcbc}.mock-topbar>span:first-child{margin-left:12px;color:#666}.sample-label{font-size:8px;float:right;color:#696969;border:1px solid #303030;padding:1px 6px;border-radius:3px}.mock-main>h3{font-size:31px;text-align:center;margin:30px 95px 0 20px;color:#939393;line-height:1.15}.mock-templates{margin:185px 0 0 24px}.mock-templates>p{font-size:13px;color:#898989}.mock-templates>p span{margin-left:7px;color:#606060}.mini-template-row{display:flex;gap:10px;margin-top:15px}.mini-template-row>div{width:170px;height:175px;border:1px solid #262626;background:#151515;border-radius:12px;overflow:hidden;flex-shrink:0;position:relative;padding:12px}.mini-template-row canvas{height:75px;width:100%;opacity:.4}.mini-template-row .mono{font-size:8px;background:#252525;color:#777;padding:2px 5px}.mini-template-row p{font-family:var(--sans);letter-spacing:-.025em;font-size:18px;line-height:1.15;margin-top:9px}.floating-composer{position:absolute;top:154px;left:-38px;width:575px;height:165px;background:#161616;border:1px solid #765648;border-bottom-color:#a35432;border-radius:14px;padding:20px;box-shadow:0 15px 40px #d3592925;animation:breathe 5s ease-in-out infinite;display:flex;flex-direction:column;justify-content:space-between}.floating-composer>span{font-size:16px;letter-spacing:-.03em;color:#d1d1d1}.composer-bottom{display:flex;align-items:center;justify-content:space-between}.attach{color:#aaa;font-size:25px}.attach small{font-size:9px;color:#646464;margin-left:7px}.floating-composer .button{font-size:10px;padding:9px 15px;gap:3px}.hero-art{position:absolute!important;right:-180px;top:100px;width:800px!important;height:740px!important;opacity:.16;z-index:0;mask-image:radial-gradient(ellipse,#000,transparent 68%)}.hero-scroll{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);font-size:8px;color:#545454;display:flex;gap:15px}.hero-scroll span{color:var(--orange)}.dot-art{display:block;width:100%;height:100%;pointer-events:none}.pain-section{padding-top:100px}.pain-section .eyebrow{font-size:9px;color:#656565;margin-bottom:20px}.pain-stack{width:335px;margin:0 auto;padding-bottom:40px;position:relative}.pain-card{position:sticky;top:calc(210px + var(--n)*8px);height:365px;padding:32px;background:linear-gradient(125deg,#191919,#111);border:1px solid #323232;box-shadow:0 15px 35px #0006,inset 0 1px 0 #ffffff06;border-radius:12px;transform:rotate(var(--angle));margin-bottom:120px;display:flex;flex-direction:column;align-items:flex-start}.pain-card:last-child{margin-bottom:20px;background:linear-gradient(125deg,#1e1a18,#121110)}.quote-mark{font-family:var(--serif);font-size:64px;height:57px;color:#666}.pain-card h3{font-size:35px;line-height:1.12;margin:2px 0 17px;letter-spacing:-.018em}.pain-card p{font-size:12px;line-height:1.6;max-width:220px}.pain-card .mono{color:#b59a8e;font-size:8px;margin-top:auto}.pain-card i{font:8px var(--mono);color:#494949;position:absolute;bottom:34px;right:27px}.pain-note{text-align:center;font-size:8px;color:#555;margin-top:20px}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.feature-card{grid-column:span 2;min-width:0;border:1px solid #252525;border-radius:14px;background:linear-gradient(130deg,#141414,#101010);padding:25px 26px 29px;box-shadow:inset 0 1px 0 #ffffff03;transition:transform .3s,border-color .3s}.feature-card:hover{transform:translateY(-5px);border-color:#45403c}.feature-card.wide{grid-column:span 3}.feature-card h3{font-size:28px;margin:27px 0 10px}.feature-card>p{font-size:12px;line-height:1.7;max-width:340px}.mini-ui{min-height:195px;overflow:hidden;position:relative}.mini-label{color:#777;display:flex;justify-content:space-between;font-size:8px;margin-bottom:20px}.mini-label span{color:#595959;font-size:7px}.source-mini>div:not(.mini-label){display:flex;align-items:center;gap:9px;margin:5px -2px;padding:9px;font-size:9px;color:#777;border:1px solid #2c2c2c;border-radius:5px}.source-mini>div span{font:8px var(--mono);color:#555}.source-mini b{font-weight:400;margin-left:auto;color:#777}.source-mini>div.selected{border-color:#894630;color:#bd8d7c;background:#2b1c16}.source-mini .selected b{color:var(--orange)}.mini-action{display:block;width:max-content;margin:15px 0 0 auto;background:var(--orange);color:#fff;font-size:9px;border-radius:50px;padding:6px 11px}.quiz-mini>p{font-size:11px;color:#ccc;margin:25px 0 15px}.answer{border:1px solid #292929;border-radius:5px;padding:7px 9px;font-size:8px;color:#777;margin:5px 0;white-space:nowrap}.answer.selected{color:#d5a28e;background:#2c1b16;border-color:#79422f}.answer span{float:right}.voice-mini .mini-label{margin-bottom:22px}.style-choice{display:flex;justify-content:space-between;align-items:center;background:#1c1c1c;border:1px solid #2c2c2c;width:100%;padding:8px 12px;margin:7px 0;border-radius:6px;color:#969696;font-size:10px}.toggle{width:26px;height:14px;background:#343434;border-radius:20px;padding:2px;display:block}.toggle:before{content:'';display:block;width:10px;height:10px;background:#777;border-radius:50%;transition:transform .25s}.style-choice.on{color:#d4c5bd;border-color:#76503b;background:#291e18}.style-choice.on .toggle{background:var(--orange)}.style-choice.on .toggle:before{transform:translateX(12px);background:#fff}.voice-mini>p{font-size:7px;color:#595959;text-align:center;margin-top:17px}.review-mini{padding:10px 10px 0}.review-mini>p{font-size:12px;line-height:1.9;color:#8c8c8c;max-width:400px}mark{color:#d2ad9b;background:#452719;border-bottom:1px solid #b5552e}.source-chip{display:inline-block;font-size:7px;color:#93604a;background:#281a14;padding:3px 7px;border:1px solid #4a2c20;border-radius:3px;margin-top:9px}.review-comment{display:flex;gap:10px;max-width:365px;margin:15px 0 0 35px;background:#1f1f1f;border:1px solid #323232;padding:12px;border-radius:7px}.avatar-initial{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:#493125;color:#bb8d73;font:10px var(--mono)}.review-comment>div{width:100%}.review-comment b{font-size:9px;color:#b6b6b6;font-weight:400}.review-comment small{font-size:7px;color:#555;margin-left:9px}.review-comment p{font-size:9px;margin:5px 0 8px}.review-comment div>span{font-size:8px;color:#777}.review-comment a{font-size:8px;float:right;background:var(--orange);padding:3px 10px;border-radius:50px}.review-comment a span{margin-left:8px}.changes-mini{padding:17px 10px}.changes-mini p{font-size:12px;border:1px solid #242424;padding:11px;margin:8px 0;border-radius:4px}.changes-mini .old{text-decoration:line-through;color:#666;background:#1c1c1c}.changes-mini .new{color:#cc957b;border-color:#643a27;background:#2b1c15}.change-footer{display:flex;justify-content:space-between;color:#8b563e;margin-top:21px}.change-footer .mono{font-size:8px}.workflow-section{text-align:center;padding-top:135px}.workflow-section h2{font-size:55px;margin-bottom:55px}.grid-frame{border:1px dashed #303030;position:relative}.grid-frame:before,.grid-frame:after{content:'+';position:absolute;color:#666;font-family:var(--mono);font-size:17px;line-height:1;background:#010101;z-index:3}.grid-frame:before{top:-10px;left:-6px}.grid-frame:after{bottom:-8px;right:-6px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr)}.workflow-grid>div{padding:34px 20px 39px;position:relative}.workflow-grid>div+div{border-left:1px dashed #303030}.line-icon{display:block;color:#aaa;font-size:31px;margin-bottom:22px}.workflow-grid h3{font-size:26px;margin-bottom:10px}.workflow-grid p{font-size:11px}.timeline{display:grid;grid-template-columns:1fr 1.25fr;gap:110px;align-items:start;margin-top:80px}.timeline-nav{position:sticky;top:160px;padding-left:25px}.timeline-nav:before{content:'';position:absolute;top:15px;left:0;bottom:45px;width:1px;background:linear-gradient(var(--orange),var(--orange)) 0 0/100% var(--fill,0px) no-repeat,#2c2c2c}.timeline-nav a{display:block;position:relative;padding:0 0 31px 30px;opacity:.4;transition:opacity .4s}.timeline-nav a.active{opacity:1}.timeline-nav a:last-child{padding-bottom:0}.timeline-nav i{position:absolute;left:-29px;top:6px;width:9px;height:9px;border:1px solid #555;border-radius:50%;background:#111;box-shadow:0 0 0 6px #010101}.timeline-nav a.active i{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 5px #010101,0 0 15px #e8613f44}.timeline-nav .mono{font-size:8px;color:var(--orange)}.timeline-nav h3{font-size:29px;margin:10px 0 8px}.timeline-nav p{font-size:11px;max-width:235px}.timeline-panels{display:grid;gap:100px;padding-bottom:50px}.step-panel{height:415px;border:1px solid #262626;background:radial-gradient(ellipse at 50% 100%,#22170f55,transparent 60%),#0e0e0e;border-radius:14px;overflow:hidden;padding:24px}.step-label{font-size:8px;color:#636363}.upload-visual,.assign-visual{text-align:center;display:flex;flex-direction:column;align-items:center;padding:28px 0}.file-icon{font-size:30px;color:#a86647}.upload-visual h3{font-size:32px;margin:15px 0 24px}.file-token{display:flex;gap:25px;align-items:center;border:1px solid #393027;border-radius:7px;background:#191613;padding:11px 18px;font-size:11px;color:#beb5ab;box-shadow:0 8px 30px #0005}.file-token>span{color:#b8663f}.upload-visual .button{margin-top:24px;font-size:11px;padding:10px 18px}.upload-visual small{font-size:8px;color:#555;margin-top:13px}.outline-visual{padding:28px 20px}.spark{font-size:25px;color:var(--orange)}.outline-visual>p{font-size:16px;color:#bbb;line-height:1.5;margin:9px 0 22px}.outline-visual em{font-family:var(--sans);font-style:normal;letter-spacing:-.025em;font-size:21px;color:#ddd}.outline-visual>div{padding:14px 0;border-bottom:1px solid #272727;display:flex;gap:15px;align-items:center}.outline-visual>div span{font:9px var(--mono);color:#8a5138}.outline-visual b{font-weight:400;font-size:12px;color:#999}.outline-visual small{font-size:9px;color:#555;margin-left:auto}.outline-visual>.source-chip{margin-top:20px}.refine-visual{padding:28px 14px}.refine-visual>p{font-size:16px;line-height:1.8;color:#999}.action-menu{width:260px;margin:-5px auto 10px;background:#1b1b1b;border:1px solid #3a3734;border-radius:9px;padding:8px;box-shadow:0 15px 40px #0008;transform:rotate(-3deg)}.action-menu>span{display:block;padding:7px;color:#5f5f5f;font-size:10px;border-bottom:1px solid #303030;margin-bottom:6px}.action-menu>div{padding:8px 10px;font-size:10px;color:#8c8c8c;border-radius:5px}.action-menu .selected{background:#3b271c;color:#e5ad91}.action-menu small{float:right}.refine-visual>.mono{display:block;text-align:center;font-size:7px;color:#555;margin-top:24px}.play-disc{display:grid;place-items:center;border-radius:50%;width:62px;height:62px;background:#36231a;border:1px solid #6d422c;color:#ed9870;font-size:26px;box-shadow:0 0 50px #b85c2320}.assign-visual h3{font-size:35px;margin:24px 0}.assign-visual>.button{font-size:11px}.sample-progress{width:90%;margin-top:40px}.sample-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#888}.sample-progress b{color:#ccc;font-weight:400}.progress-track{height:3px;background:#303030;margin-top:10px}.progress-track>span{display:block;width:75%;height:100%;background:var(--orange)}.sample-progress small{font-size:8px;color:#555;margin-top:8px;display:block;text-align:left}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:850px;margin:0 auto}.flip-card{height:495px;perspective:1800px;background:transparent;padding:0;border-radius:16px;text-align:left}.flip-inner{position:relative;width:100%;height:100%;display:block;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.65,.2,1)}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{display:flex;position:absolute;inset:0;flex-direction:column;backface-visibility:hidden;border:1px solid #333;border-radius:16px;padding:37px;background:#111;overflow:hidden}.flip-front canvas{position:absolute;width:100%;height:100%;inset:0;opacity:.4;mask-image:linear-gradient(transparent 10%,#000 80%)}.flip-front .mono{position:relative;font-size:8px;color:#858585}.flip-front h3{position:relative;font-size:66px;margin-top:88px;color:#ccc;line-height:1}.flip-front .flip-hint{margin-top:auto;font-size:7px;color:#777}.tavira-card .flip-front,.tavira-card .flip-back{background:var(--orange);color:#351708;border-color:#f39171}.tavira-card .flip-front .mono,.tavira-card .flip-front h3{color:#37190f}.tavira-card .flip-front h3{font-size:87px;margin-top:114px}.tavira-card .flip-front canvas{opacity:.4;mix-blend-mode:multiply}.flip-back{transform:rotateY(180deg);justify-content:center}.flip-back>.mono{font-size:8px;color:#888}.flip-back h3{font-size:42px;margin:22px 0 29px}.flip-back>span:not(.mono){font-size:12px;color:#999;line-height:1.5;padding:12px 0;border-top:1px solid #303030}.flip-back small{font-size:9px;color:#666;margin-top:12px}.tavira-card .flip-back>span,.tavira-card .flip-back small{color:#6b2c16;border-color:#983b2345}.tavira-card .flip-back>.mono{color:#702811}.integrations{padding-top:160px;padding-bottom:100px}.orbit-scene{height:510px;position:relative;overflow:hidden}.orbit-ring{position:absolute;width:850px;height:570px;left:50%;top:90px;transform:translateX(-50%);border:1px dashed #1f1f1f;border-radius:50%}.orbit-tile{position:absolute;left:50%;top:350px;width:83px;height:83px;border:1px solid #292929;border-radius:50%;background:radial-gradient(circle at 30% 20%,#262626,#111);display:grid;place-items:center;transform:translate(-50%,-50%) rotate(var(--a)) translateX(450px) rotate(calc(-1 * var(--a)));box-shadow:0 10px 40px #000;transition:transform .2s linear}.orbit-tile>span{font-weight:600;font-size:27px;color:#aaa}.orbit-tile small{position:absolute;top:93px;font-size:9px;color:#606060;white-space:nowrap}.orbit-center{position:absolute;left:50%;top:190px;transform:translateX(-50%);text-align:center;width:650px}.orbit-center .eyebrow{font-size:8px;margin-bottom:22px}.orbit-center h2{font-size:59px}.orbit-center p{margin-top:25px;font-size:13px}.road-label{display:inline-block;margin-top:20px;color:#735443;font-size:7px;border:1px solid #37271d;padding:4px 8px;border-radius:3px}.feature-rows{margin-top:40px}.feature-row{min-height:475px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.feature-row+.feature-row{border-top:1px dashed #303030}.feature-row-copy{padding:65px 54px}.feature-row h2{font-size:49px;line-height:1.08}.feature-row p{font-size:12px;line-height:1.9;max-width:340px;margin:27px 0 22px}.text-link{font-size:11px;background:none;padding:0;color:#c47f5f;display:inline-flex;align-items:center;gap:20px}.text-link:hover{color:var(--orange)}.row-note{display:block;font-size:7px;color:#5e5149;margin-top:22px}.feature-row>canvas{height:100%;min-height:410px;max-height:470px;padding:35px;opacity:.72;mask-image:radial-gradient(ellipse at center,#000 28%,transparent 75%)}.feature-row.reverse .feature-row-copy{grid-column:2;grid-row:1}.feature-row.reverse>canvas{grid-column:1;grid-row:1}.tech-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.tech-card{grid-column:span 2;background:linear-gradient(135deg,#141414,#0e0e0e);border:1px solid #242424;border-radius:12px;padding:27px;min-height:270px}.tech-card:nth-child(n+4){grid-column:span 3;min-height:225px}.tech-symbol{display:block;font-size:33px;line-height:1;color:#9e6e53;margin-bottom:33px}.tech-card .mono{font-size:8px;color:#626262}.tech-card h3{font-size:29px;margin:12px 0}.tech-card p{font-size:11px;line-height:1.8;max-width:370px}.tech-strip{text-align:center;padding:30px 10px;color:#63584f;font-size:8px;border-bottom:1px dashed #262626}.tech-strip span{margin:0 20px;color:#9b5130}.pilot-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:22px}.demo-card{position:relative;min-height:460px;border:1px solid #303030;border-radius:14px;overflow:hidden;background:#111;padding:27px;display:flex;flex-direction:column;isolation:isolate}.demo-card>canvas{position:absolute;width:100%;height:100%;inset:0;z-index:-1;opacity:.45}.demo-card>.mono{font-size:9px;color:#a57d66}.play-button{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:70px;height:70px;border:1px solid #67605b;background:#212020aa;backdrop-filter:blur(5px);border-radius:50%;display:grid;place-items:center;font-size:29px;transition:background .2s}.demo-card:hover .play-button{background:var(--orange);border-color:var(--orange)}.demo-card>div{margin-top:auto}.demo-card h3{font-size:35px;margin-bottom:14px}.demo-card p{font-size:11px;display:flex;justify-content:space-between;color:#999}.pilot-copy{border:1px solid #292929;border-radius:14px;background:linear-gradient(140deg,#171411,#0c0c0c);padding:45px}.pilot-copy>.mono{font-size:8px;color:#af7958}.pilot-copy h3{font-size:44px;margin:25px 0 23px;line-height:1.08}.pilot-copy>p{font-size:13px;max-width:420px;line-height:1.8;margin-bottom:26px}.pilot-copy>.button{font-size:12px}.pilot-benefits{margin-top:40px;display:flex;gap:20px;border-top:1px solid #322920;padding-top:23px}.pilot-benefits>div{font-size:10px;color:#aaa;flex:1;line-height:1.5}.pilot-benefits span{display:block;font:8px var(--mono);color:#856146;margin-bottom:9px}.billing-toggle{display:flex;align-items:center;gap:4px;width:max-content;padding:5px;background:#141414;border:1px solid #2a2a2a;border-radius:50px;margin:-15px auto 40px}.billing-toggle button{border-radius:50px;background:transparent;padding:10px 17px;color:#777;font-size:12px}.billing-toggle button.active{color:white;background:var(--orange)}.billing-toggle span{font-size:7px;display:inline-block;margin-left:10px;color:#c09275}.billing-toggle .active span{color:#f3d9c8}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.price-card{border:1px solid #2b2b2b;border-radius:14px;background:linear-gradient(135deg,#131313,#101010);padding:30px 28px}.price-card>.mono,.price-card>div>.mono{font-size:9px;color:#b7a18f}.price-card h3{font-size:45px;margin:22px 0 8px;letter-spacing:-.03em;white-space:nowrap}.price-card h3 small{font-family:var(--sans);font-size:10px;color:#777;letter-spacing:0;margin-left:5px}.price-card .billing-description{font-size:9px;color:#695f58;margin-bottom:22px}.price-card>p:not(.billing-description){font-size:11px;margin-bottom:26px}.price-card .button{width:100%;font-size:11px;justify-content:space-between;padding:11px 16px}.price-card ul{padding:25px 0 0;border-top:1px solid #2c2825;margin:27px 0 0;list-style:none}.price-card li{font-size:11px;color:#9e9995;padding:6px 0;display:flex;align-items:center;gap:10px}.price-card li:before{content:'✓';color:#ab8269;font-size:10px}.popular{background:radial-gradient(ellipse at 50% 0,#74351c55,#23160e 65%,#18110d);border-color:#69412c;box-shadow:inset 0 1px 0 #bd79521a}.popular>div{display:flex;justify-content:space-between}.popular-tag{font-size:7px!important;color:#e9ac80!important;background:#65351f;border:1px solid #81462a;padding:2px 7px;border-radius:4px}.popular .button{box-shadow:0 5px 30px #ad452124}.pricing-note{font-size:7px;color:#605449;margin:25px 0;text-align:center}.price-detail{display:flex;margin:30px auto 0;font-size:11px;padding:10px 20px}.story-section{margin-top:150px;padding:65px;display:grid;grid-template-columns:1fr 1fr;gap:70px;overflow:hidden}.story-intro h2{font-size:49px;line-height:1.1}.story-intro>.mono{display:block;font-size:8px;color:#6c5d51;margin-top:22px}.story-intro>.dot-art{height:240px;margin-top:25px;opacity:.35;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.story-body p{font-size:17px;line-height:1.9;margin:0 0 26px;color:#595959;transition:color .7s}.story-body p.lit{color:#b5b1ac}.story-body strong{font-weight:500;color:inherit}.story-body .lit strong{color:#efebe7}.story-body .story-signature{font-family:var(--sans);letter-spacing:-.035em;font-size:28px;color:#c19a80}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.faq-title h2{font-size:56px}.faq-title p{font-size:8px;color:#69605a;margin-top:35px;line-height:2.2}.faq-title .text-link{font-family:var(--mono);font-size:8px;color:#bf7653}.faq-list details{border-bottom:1px solid #2d2b28}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-family:var(--sans);font-size:22px;letter-spacing:-.035em;line-height:1.2;color:#c9c6c2}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{border:1px solid #303030;background:#171717;display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;font-family:var(--sans);font-size:15px;color:#999;border-radius:3px}.faq-list details[open]:not(.off) summary span{background:#542b1b;border-color:#864329;color:var(--orange);font-size:0}.faq-list details[open]:not(.off) summary span:before{content:'−';font-size:18px}.faq-list details p{font-size:12px;line-height:1.9;padding:0 35px 25px 0;color:#8f8c88;animation:slide-in .25s ease}.journal-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:45px}.journal-heading h2{font-size:54px}.journal-heading .button{font-size:11px;padding:10px 20px}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.featured-article,.article-list>button{background:none;padding:0;text-align:left;position:relative}.article-art{height:265px;background:radial-gradient(ellipse,#2d231a,#101010 75%);border:1px solid #2f2924;border-radius:12px;overflow:hidden;position:relative;margin-bottom:23px}.article-art canvas{opacity:.4}.article-art>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:78px var(--serif);color:#d4b197}.featured-article>.mono,.article-list .mono{color:#99735a;font-size:8px}.featured-article h3{font-size:36px;line-height:1.1;margin:13px 0 12px}.featured-article>p{font-size:11px}.article-arrow{position:absolute;bottom:35px;right:15px;font-size:24px;color:#ba805c}.article-list{display:grid;gap:10px}.article-list>button{display:grid;grid-template-columns:1fr 112px;gap:20px;align-items:center;padding:5px 0 25px;border-bottom:1px solid #2a2521}.article-list>button:last-child{border-bottom:0;padding-bottom:0}.article-list h3{font-size:27px;line-height:1.12;margin:10px 0}.article-list p{font-size:10px;line-height:1.7}.article-list canvas{height:106px;border:1px solid #302b25;border-radius:9px;background:#12100e;padding:5px}.featured-article:hover h3,.article-list>button:hover h3{color:#d39c75}.final-cta{text-align:center;padding-top:185px;position:relative;min-height:770px;overflow:hidden}.final-cta h2{font-size:80px}.final-cta .eyebrow{font-size:8px;color:#6e5340}.final-cta .button{margin-top:35px}.final-cta .wrap{position:relative;z-index:2}.final-cta>.dot-art{position:absolute;width:880px;height:450px;bottom:-70px;left:50%;transform:translateX(-50%);opacity:.32;mask-image:linear-gradient(transparent,#000 50%,transparent)}.footer{border-top:1px dashed #30271f;padding-top:65px;overflow:hidden}.footer-top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:50px}.footer-brand .wordmark{font-size:55px;color:#ddd3c9}.footer-brand p{font-size:12px;line-height:1.8;margin:20px 0 30px}.footer-brand>.mono{font-size:8px;color:#604d3d}.footer-top h3{font-size:27px;color:#cebead;margin-bottom:22px}.footer-top>div:not(:first-child)>a,.footer-top button{display:block;font-size:11px;color:#7b7369;background:none;padding:0;margin:10px 0;text-align:left}.footer-top a:hover,.footer-top button:hover{color:#d59c72}.footer-status{display:flex;align-items:center;gap:8px;margin-top:34px;font-size:8px;color:#765239}.footer-status i{height:5px;width:5px;border-radius:50%;background:#a96132;box-shadow:0 0 10px #c1723c66}.footer-bottom{display:flex;justify-content:space-between;margin-top:60px;border-top:1px dashed #30271f;padding-top:22px;color:#6b5643;font-size:8px}.ascii-word{font:400 clamp(200px,29vw,430px)/.82 var(--serif);letter-spacing:-.06em;text-align:center;white-space:nowrap;transform:translateY(48px);margin:25px -20px 0;background:radial-gradient(circle,#814a24 1px,transparent 1.7px);background-size:4px 4px;background-clip:text;-webkit-background-clip:text;color:transparent;opacity:.85}.reveal{opacity:1;transform:none}.js .reveal:not(.visible){opacity:0;transform:translateY(20px)}.js .reveal{transition:opacity .75s ease,transform .75s ease}.js .orbit-center.reveal:not(.visible){transform:translate(-50%,20px)}.js .orbit-center.reveal.visible{transform:translate(-50%,0)}dialog{color:var(--ink);background:#111;border:1px solid #3c3128;border-radius:16px;padding:42px;max-width:620px;width:calc(100% - 36px);max-height:85svh;box-shadow:0 30px 100px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:9px;background:none;font-size:28px;color:#777}.dialog-content h2{font-size:43px;line-height:1.1;margin:15px 0 25px}.dialog-content p{font-size:13px;line-height:1.9;margin:15px 0}.dialog-content a{color:#d59570;text-decoration:underline}.dialog-content li{font-size:12px;line-height:1.9;color:#aaa;margin:8px 0}.dialog-content h3{font-size:27px;margin-top:25px}.dialog-content .button{color:white;text-decoration:none;font-size:12px;margin-top:15px}.dialog-content form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.dialog-content label{font-size:10px;color:#a89a8d;display:flex;flex-direction:column;gap:6px}.dialog-content input,.dialog-content textarea,.dialog-content select{background:#1c1a18;color:#ddd;border:1px solid #40362e;border-radius:6px;padding:10px;font-size:12px;width:100%}.dialog-content .form-full{grid-column:1/-1}.dialog-content textarea{resize:vertical;min-height:85px}.dialog-content .form-note{font-size:10px;margin:0;color:#7e6c5c}.dialog-content .source-link{font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#292019;border:1px solid #60422d;border-radius:8px;padding:12px 24px;color:#d3b69c;font-size:12px;opacity:0;pointer-events:none;z-index:100;transition:opacity .3s,transform .3s;max-width:calc(100% - 30px)}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes blink{50%{opacity:0}}@keyframes breathe{50%{box-shadow:0 18px 65px #e8613f38}}@keyframes slide-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(min-width:1650px){.hero-product{left:51%;transform:translateY(-43%) scale(1.07);transform-origin:left center}.hero-copy>p:not(.hero-micro){font-size:16px;max-width:430px}.hero .button{font-size:14px}.hero-micro{font-size:9px}.pilot-badge{font-size:9px}.nav-center>a,.nav-link,.nav-trigger{font-size:14px}}@media(max-width:1150px){.wrap{width:calc(100% - 90px)}.nav-center{padding-left:0;gap:22px}.hero{min-height:750px}.hero-copy{width:48%}.hero-product{left:52%;transform:translateY(-43%) scale(.84);transform-origin:left center}.hero-copy>p:not(.hero-micro){max-width:335px;font-size:13px}.hero .button{padding:12px 20px;font-size:11px}h1{font-size:76px}.pilot-badge{font-size:7px;gap:14px}.hero-micro{font-size:6.6px}.timeline{gap:45px}.feature-card{padding:22px 18px}.quiz-mini .answer{font-size:7px;padding:8px 5px}.review-mini{padding:6px 0}.source-mini>div:not(.mini-label){font-size:8px}.feature-row-copy{padding:45px 35px}.feature-row h2{font-size:42px}.price-card{padding:25px 18px}.price-card h3{font-size:38px}.price-card h3 small{font-size:9px}.story-section{padding:45px;gap:45px}.story-intro h2{font-size:42px}.faq{gap:60px}.orbit-tile{transform:translate(-50%,-50%) rotate(var(--a)) translateX(370px) rotate(calc(-1 * var(--a)))}.orbit-ring{width:740px}.footer-top{gap:30px}}
@media(max-width:760px){.nav{height:72px;gap:14px}.wordmark{font-size:40px}.nav-center{display:none;position:absolute;top:71px;left:0;right:0;background:#101010;border-bottom:1px solid #333;padding:20px 24px;max-height:80svh;overflow-y:auto}.nav-center.mobile-open{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.nav-center>a,.nav-link,.nav-trigger{font-size:15px}.nav-group{width:100%}.dropdown,.dropdown.mega{position:static;display:none!important;width:100%;transform:none;margin-top:5px;padding:15px;box-shadow:none}.dropdown.open{display:block!important}.dropdown.mega.open{display:grid!important;grid-template-columns:1fr}.dropdown.mega>div+div{margin-top:15px}.nav-demo{margin-left:auto;font-size:10px;padding:9px 16px;min-width:0}.mobile-menu{display:block;color:#aaa}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.hero{height:auto;min-height:1040px;max-height:none}.hero-inner{display:block;padding-top:148px}.hero-copy{width:100%;margin:0}.hero-copy h1{font-size:clamp(65px,13vw,93px);margin:23px 0 29px}.hero-copy>p:not(.hero-micro){max-width:390px;font-size:13px;margin-bottom:24px}.pilot-badge{font-size:7.5px;gap:18px}.hero .button{font-size:12px;padding:12px 22px}.hero-micro{font-size:7px;letter-spacing:0;margin-top:18px}.hero-product{top:585px;left:35px;transform:scale(.76);transform-origin:left top;height:505px}.hero-product .floating-composer{left:-15px;width:545px}.hero-art{top:120px;right:-400px;opacity:.1}.hero-scroll{bottom:23px;font-size:7px}.section{padding-top:100px;padding-bottom:20px}.section-heading{margin-bottom:40px}.section-heading h2{font-size:49px}.section-heading p{font-size:13px;max-width:300px}.eyebrow{font-size:9px;margin-bottom:20px}.pain-section{padding-top:75px}.pain-stack{width:295px}.pain-card{height:340px;padding:29px;margin-bottom:90px;top:150px}.pain-card h3{font-size:32px}.pain-note{font-size:6px}.bento{grid-template-columns:1fr 1fr;gap:14px}.feature-card,.feature-card.wide{grid-column:span 1}.feature-card:last-child{grid-column:1/-1}.feature-card{padding:24px}.feature-card h3{font-size:29px}.feature-card>p{font-size:12px}.bento .mini-ui{height:195px}.bento .feature-card:last-child .mini-ui{height:180px;min-height:180px}.review-comment{margin-left:0}.review-mini>p{font-size:10px}.workflow-section{padding-top:95px}.workflow-section h2{font-size:47px;margin-bottom:38px}.workflow-grid{grid-template-columns:1fr}.workflow-grid>div{padding:27px 15px}.workflow-grid>div+div{border-left:0;border-top:1px dashed #303030}.line-icon{font-size:25px;margin-bottom:15px}.workflow-grid h3{font-size:28px}.timeline{grid-template-columns:1fr;gap:0;margin-top:40px}.timeline-nav{display:none}.timeline-panels{gap:25px;padding-bottom:0}.step-panel{height:415px;max-width:520px;width:100%;margin:auto}.comparison{gap:15px}.flip-card{height:400px}.flip-front,.flip-back{padding:25px}.flip-front h3{font-size:47px;margin-top:90px}.flip-front .mono{font-size:6px}.tavira-card .flip-front h3{font-size:65px;margin-top:110px}.flip-front .flip-hint{font-size:6px}.flip-back h3{font-size:34px;margin:20px 0}.flip-back>span:not(.mono){font-size:10px;padding:10px 0}.flip-back small{font-size:8px}.integrations{padding-top:90px;padding-bottom:15px}.orbit-scene{height:460px}.orbit-tile{width:60px;height:60px;top:285px;transform:translate(-50%,-50%) rotate(var(--a)) translateX(270px) rotate(calc(-1 * var(--a)))}.orbit-tile>span{font-size:22px}.orbit-tile small{font-size:7px;top:69px}.orbit-center{top:180px;width:360px}.orbit-center h2{font-size:46px}.orbit-center p{font-size:11px;margin-top:15px}.orbit-center .eyebrow{font-size:7px}.orbit-ring{width:530px;height:390px;top:110px}.road-label{font-size:5.7px;margin-top:15px}.feature-rows{margin-top:40px}.feature-row{grid-template-columns:1fr;min-height:0}.feature-row-copy{padding:42px 30px 0}.feature-row h2{font-size:45px}.feature-row p{max-width:390px}.feature-row>canvas{height:280px;min-height:280px;padding:10px}.feature-row.reverse .feature-row-copy,.feature-row.reverse>canvas{grid-column:auto;grid-row:auto}.tech-grid{grid-template-columns:1fr 1fr}.tech-card,.tech-card:nth-child(n+4){grid-column:auto;padding:23px;min-height:240px}.tech-card:last-child{grid-column:1/-1;min-height:190px}.tech-card h3{font-size:28px}.tech-card p{font-size:11px}.tech-symbol{margin-bottom:25px}.tech-strip{font-size:6px;line-height:2.2}.tech-strip span{margin:0 7px}.pilot-grid{grid-template-columns:1fr}.demo-card{min-height:380px}.pilot-copy{padding:34px}.pilot-copy h3{font-size:41px}.pilot-benefits{gap:18px}.pricing-grid{grid-template-columns:1fr;gap:18px}.price-card{padding:29px;max-width:500px;width:100%;margin:auto}.price-card h3{font-size:52px}.price-card>p:not(.billing-description){font-size:13px}.price-card .button{font-size:13px}.price-card li{font-size:13px}.pricing-note{max-width:300px;margin:24px auto;font-size:6px;line-height:2}.story-section{margin-top:95px;padding:38px 28px;grid-template-columns:1fr;gap:35px}.story-intro h2{font-size:45px}.story-intro>.dot-art{display:none}.story-body p{font-size:15px}.faq{grid-template-columns:1fr;gap:32px}.faq-title h2{font-size:51px}.faq-title p{margin-top:24px}.faq-list summary{font-size:25px;padding:24px 0}.faq-list details p{font-size:12px}.journal-heading{align-items:flex-start;gap:15px}.journal-heading h2{font-size:42px}.journal-heading .button{font-size:9px;padding:9px 14px;margin-top:5px;gap:8px}.journal-grid{grid-template-columns:1fr;gap:35px}.article-art{height:260px}.featured-article h3{font-size:34px}.article-list>button{grid-template-columns:1fr 100px;gap:15px;padding:18px 0 25px}.article-list h3{font-size:25px}.article-list canvas{height:100px}.final-cta{padding-top:130px;min-height:580px}.final-cta h2{font-size:63px}.final-cta .eyebrow{font-size:6px}.final-cta>.dot-art{width:600px;height:310px;bottom:-25px}.footer{padding-top:45px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-brand p{margin:18px 0}.footer-top>div:nth-child(4){grid-column:1/-1}.footer-top>div:nth-child(4)>button{display:inline-block;margin-right:18px}.footer-status{margin-top:20px}.footer-bottom{margin-top:35px;font-size:6px;gap:15px}.ascii-word{font-size:29vw;transform:translateY(18px);margin-top:30px}.footer-top h3{font-size:27px}.footer-top>div:not(:first-child)>a,.footer-top button{font-size:12px}dialog{padding:32px 25px}.dialog-content h2{font-size:36px}.dialog-content form{grid-template-columns:1fr}.dialog-content .form-full{grid-column:auto}}
@media(max-width:480px){.wrap{width:calc(100% - 40px)}.hero{min-height:940px}.hero-inner{padding-top:136px}.hero-copy h1{font-size:70px}.hero-copy>p:not(.hero-micro){font-size:12px;max-width:320px}.hero-product{top:560px;transform:scale(.57);left:29px;height:550px}.hero-scroll{bottom:30px}.bento{grid-template-columns:1fr}.feature-card,.feature-card.wide,.feature-card:last-child{grid-column:1}.feature-card{padding:26px}.feature-card .mini-ui{max-width:330px;margin:auto}.feature-card>p{max-width:290px}.quiz-mini .answer{font-size:9px;padding:9px}.source-mini>div:not(.mini-label){font-size:10px}.review-mini>p{font-size:12px}.comparison{grid-template-columns:1fr;max-width:350px}.flip-card{height:410px}.flip-front h3{font-size:58px;margin-top:75px}.flip-front,.flip-back{padding:32px}.flip-front .mono{font-size:8px}.tavira-card .flip-front h3{font-size:84px;margin-top:95px}.flip-back h3{font-size:43px}.flip-back>span:not(.mono){font-size:12px}.orbit-tile{transform:translate(-50%,-50%) rotate(var(--a)) translateX(210px) rotate(calc(-1 * var(--a)));width:50px;height:50px;top:240px}.orbit-tile small{top:57px;font-size:6px}.orbit-scene{height:405px}.orbit-center{width:310px;top:180px}.orbit-center h2{font-size:40px}.orbit-ring{width:410px;top:65px}.orbit-center .eyebrow{font-size:6px;margin-bottom:16px}.tech-grid{grid-template-columns:1fr}.tech-card{min-height:220px}.tech-card:last-child{grid-column:auto}.tech-symbol{font-size:30px}.tech-card p{font-size:12px}.tech-strip{font-size:6px}.tech-strip span{display:none}.tech-strip{word-spacing:3px;line-height:2}.pilot-copy{padding:28px}.pilot-copy h3{font-size:36px}.pilot-copy>p{font-size:12px}.pilot-benefits{gap:15px}.pilot-benefits>div{font-size:9px}.billing-toggle button{font-size:11px;padding:9px 14px}.billing-toggle span{font-size:6px}.final-cta h2{font-size:56px}.journal-heading h2{font-size:38px}.journal-heading .button span{display:none}.nav-demo span{display:none}.hero-micro{font-size:6px}.pain-card{top:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal:not(.visible){opacity:1;transform:none}.js .orbit-center.reveal:not(.visible){transform:translateX(-50%)}.pain-card{position:relative;top:0;margin-bottom:20px;transform:none}.flip-card .flip-inner{transform:rotateY(180deg)}.story-body p{color:#bbb}.hero-scroll{display:none}}
/* Keep the floating composer inside the masking bounds. */
@media(min-width:801px){.hero-product{left:calc(50% - 38px);width:890px}.app-window{margin-left:38px;width:850px}.floating-composer{left:0}}
@media(min-width:801px) and (max-width:1150px){.hero-product{left:calc(52% - 32px)}.hero-copy h1{font-size:68px}}
@media(max-width:800px){.hero-product .app-window{margin-left:20px}.hero-product .floating-composer{left:0}}
@media(max-width:480px){.hero-copy h1{font-size:clamp(44px,13vw,61px)}.hero-product{top:520px}.hero{min-height:885px}.hero-copy>p:not(.hero-micro){max-width:300px}.caret{width:4px;margin-left:5px}}
/* Motion pass: the reference's ASCII volume crosses behind both hero columns. */
.hero-art{position:absolute!important;left:50%;right:auto!important;top:60px!important;transform:translateX(-50%);width:min(1320px,112vw)!important;height:calc(100% - 75px)!important;opacity:1!important;z-index:0;pointer-events:none;mask-image:radial-gradient(ellipse at 50% 48%,#000 35%,transparent 88%)}
.caret{animation:blink 1s steps(1) infinite}.caret.typing{animation:none;opacity:1}
.floating-composer{animation:composer-light 4.8s ease-in-out infinite;border-bottom-color:#ce7951;box-shadow:0 14px 32px #e8613f30,0 3px 5px #e8613f22}
@keyframes composer-light{0%,100%{box-shadow:0 14px 30px #e8613f30,0 3px 5px #e8613f22}50%{box-shadow:0 19px 56px #e8613f45,0 5px 12px #e8613f35}}
@media(max-width:800px){.hero-art{left:63%;top:70px!important;width:900px!important;height:780px!important;opacity:.86!important}}
@media(max-width:480px){.hero-art{left:74%;top:58px!important;width:770px!important;height:755px!important;opacity:.8!important}}
@media(prefers-reduced-motion:reduce){.hero-art{opacity:.65!important}.floating-composer{animation:none!important}.caret{animation:none!important}}
/* Site pass 2: app-matched hero mock, scroll-linked effects, ASCII footer. */
.mock-ws{display:flex;align-items:center;gap:8px;border:1px solid #2a2a2a;border-radius:8px;padding:5px 24px 5px 8px;margin:0 1px 16px;position:relative;font-size:11px;color:#9a9a9a}
.mock-ws i{font:normal 15px/1 var(--serif);height:20px;width:20px;flex-shrink:0;display:grid;place-items:center;border-radius:5px;background:#252525;color:#d3d3d3}
.mock-ws b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mock-ws:after{content:'';position:absolute;right:11px;top:50%;width:5px;height:5px;border-right:1.5px solid #666;border-bottom:1.5px solid #666;transform:translateY(-70%) rotate(45deg)}
.mock-bottom{left:12px;right:12px}
.mock-rule{display:block;height:1px;background:#242424;margin:0 0 12px}
.floating-composer .fc-title{font-size:14px;letter-spacing:0;color:#ececec;padding-bottom:9px}
.floating-composer .fc-text{font-size:12px;letter-spacing:0;line-height:1.5;color:#6e6e6e;flex:1;padding-top:6px}
.floating-composer .composer-bottom{padding-top:11px;border-top:1px solid #ffffff08}
.floating-composer .attach{font-size:15px;color:#9b9b9b}
.floating-composer .attach small{font-size:11px;color:#9b9b9b;margin-left:4px}
.mini-template-row small{display:block;font-size:9px;line-height:1.4;color:#666;margin-top:7px}
.orbit-tile small{text-align:center}
.orbit-tile small em{display:block;font-style:normal;font-size:7px;letter-spacing:.06em;color:var(--orange);margin-top:3px}
.timeline-nav a.done i{border-color:var(--orange)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.typed,.typed em{font-style:normal}
.typed .tr{visibility:hidden}
.mini-caret{display:none;width:0;height:1.05em;border-left:1px solid var(--orange);vertical-align:-.16em}
.js .mini-caret{display:inline-block;animation:blink 1s steps(1) infinite}
.feature-card:not(.live) .mini-caret{animation-play-state:paused}
.faq-list details p{animation:none}
.story-body p{transition:none}
.story-body .w{transition:color .6s}
.story-body .w.lit{color:#b5b1ac}
.story-body strong .w.lit{color:#efebe7}
.story-body .story-signature .w.lit{color:#c19a80}
html:not(.js) .story-body p{color:#b5b1ac}
.flip-card:not([data-manual]) .flip-inner{transform:rotateY(calc(var(--flip,0)*180deg));transition:none}
.flip-card[data-manual] .flip-inner{transition:transform 1s cubic-bezier(.2,.65,.2,1)}
.footer .ascii-word.ready{background:none;font:0/0 serif;color:transparent;letter-spacing:0;transform:none;margin:28px 0 0;opacity:1;overflow:hidden}
.ascii-word canvas{display:block;width:100%}
@media(max-width:480px){.orbit-tile small em{font-size:6px}}
@media(prefers-reduced-motion:reduce){.flip-card:not([data-manual]) .flip-inner{transform:rotateY(180deg)}.flip-card[data-manual]:not(.flipped) .flip-inner{transform:none}.mini-caret{display:none!important}.faq-list details p{animation:none!important}}
.hero-product .floating-composer{left:150px;width:440px}
@media(min-width:481px){.hero-product .floating-composer{left:170px;width:470px}}
@media(min-width:801px){.hero-product .floating-composer{left:160px;width:450px}}
@media(min-width:1151px){.hero-product .floating-composer{left:226px;width:505px}}
/* Extend the original visual identity without replacing its composition. */
@media(max-width:480px){.hero-copy .button-row{flex-wrap:wrap;gap:10px}.hero-copy .button-row .button{padding:11px 16px;gap:11px;font-size:12px}}
.wordmark:has(img){display:inline-flex;align-items:center;gap:9px}.wordmark img{width:30px;height:40px;object-fit:contain;flex:none}.wordmark:has(img) sup{align-self:flex-start;margin-left:-7px;top:5px}.finished-film-card{padding:0;display:flex;flex-direction:column;height:auto;min-height:440px}.finished-film-card video{width:100%;aspect-ratio:16/9;display:block;background:#111;position:relative;z-index:2}.finished-film-card>.mono{padding:23px 30px 0}.finished-film-card>div{position:static;padding:16px 30px 24px}.finished-film-card h3{font-size:34px}.finished-film-card .text-link{font-size:12px}.pilot-copy>p{overflow-wrap:anywhere}.hero-copy .pilot-badge,.hero-copy h1,.hero-copy>p,.hero-copy .button-row{animation:tavira-entrance .7s both}.hero-copy h1{animation-delay:.08s}.hero-copy>p{animation-delay:.16s}.hero-copy .button-row{animation-delay:.24s}.hero-copy .hero-micro{animation-delay:.3s}@keyframes tavira-entrance{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:800px){.wordmark img{width:23px;height:32px}.wordmark:has(img){gap:7px}.finished-film-card{min-height:0}.finished-film-card>div{padding:16px 24px 24px}.finished-film-card>.mono{padding:20px 24px 0}}@media(prefers-reduced-motion:reduce){.hero-copy .pilot-badge,.hero-copy h1,.hero-copy>p,.hero-copy .button-row{animation:none}}

/* Reference typography: regular sans headings, tight tracking, serif brand. */
.hero-copy h1{font-size:clamp(58px,5.5vw,86px);line-height:1.06;letter-spacing:-.06em}
h2 em,h3 em{font-style:normal}
.tavira-card .flip-front h3{font-family:var(--serif)}
@media(min-width:801px) and (max-width:1150px){.hero-copy h1{font-size:clamp(48px,5.45vw,62px)}}
@media(min-width:481px) and (max-width:800px){.hero-copy h1{font-size:clamp(56px,9.5vw,76px)}}
@media(max-width:480px){.hero-copy h1{font-size:clamp(38px,10.75vw,51px);line-height:1.08;letter-spacing:-.055em}.faq-list summary{font-size:21px}}

/* Public account entry replaces the single workspace CTA. */
.nav-account{display:flex;align-items:center;gap:22px;flex:none}.nav-sign-in{font-size:12px;color:#b8b1ac;white-space:nowrap}.nav-sign-in:hover{color:var(--orange)}.nav-center{padding-left:15px;gap:25px}.nav-account .nav-demo{min-width:0;padding:10px 20px;gap:12px}
@media(min-width:761px) and (max-width:1100px){.nav-center{padding-left:0;gap:14px}.nav{gap:16px}.nav-center>a,.nav-trigger{font-size:11px}.nav-account{gap:14px}.nav-account .nav-demo{padding:10px 15px;font-size:11px}.nav .wordmark{font-size:40px}}
@media(max-width:760px){.nav-account{margin-left:auto;gap:14px}.nav-sign-in{font-size:11px}.nav-account .nav-demo{padding:9px 15px;font-size:11px;margin-left:0}.nav-center.mobile-open{padding-left:24px;gap:12px}}
@media(max-width:480px){.nav{gap:10px}.nav .wordmark{font-size:35px;gap:5px}.nav .wordmark img{width:18px;height:28px}.nav-account{gap:11px}.nav-account .nav-demo{padding:9px 12px;font-size:10px}.nav-sign-in{font-size:10px}.nav-account .nav-demo span{display:none}.mobile-menu{font-size:18px;padding:4px}}

/* The main links stay on the bar from 761px up (the review pane is about 887px wide); the menu button takes over below 761px. */
@media(min-width:761px) and (max-width:950px){.nav{gap:12px}.nav-center{gap:12px;padding-left:0;min-width:0;flex-wrap:nowrap}.nav-center>a,.nav-trigger{font-size:10.5px;white-space:nowrap}.nav-account{gap:10px;margin-left:auto}.nav-sign-in{font-size:10.5px}.nav-account .nav-demo{padding:9px 12px;font-size:10.5px;gap:6px}.nav-account .nav-demo span{display:none}.nav .wordmark{font-size:34px}.dropdown.mega{left:-120px}.mobile-menu{display:none}}

/* Course art direction lives inside previews; the surrounding Tavira UI keeps its identity. */
.palette-dots{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}
.palette-dots i{display:block;width:12px;height:12px;border-radius:50%;border:1px solid #ffffff40}
.template-style-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#b7aa9a;font-size:11px;letter-spacing:.045em;margin:20px 0 12px}
.template-style-meta>span:first-child{min-width:0}

/* Keep hover previews reachable between the trigger and its panel. */
@media(hover:hover) and (pointer:fine) and (min-width:951px){.dropdown:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:20px}}

/* Hero motion: readable copy, a visible rotating surface, and a complete mobile preview. */
.hero{min-height:640px;height:100svh;max-height:1050px}
.hero-inner{padding-top:87px;padding-bottom:60px}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#010101d9 4%,#010101b0 30%,#01010170 49%,#01010110 68%,transparent 84%)}
.hero-art{left:50%;top:72px!important;width:min(1400px,112vw)!important;height:calc(100% - 100px)!important;opacity:1!important;mask-image:radial-gradient(ellipse at 50% 48%,#000 36%,transparent 84%)}
.hero-copy{container-type:inline-size}
.hero-copy h1{font-size:min(86px,14cqw);line-height:1.08;letter-spacing:-.055em;margin-bottom:38px}
.hero-copy h1 #typed-word{font-style:normal}
.hero-copy>p:not(.hero-micro){color:#aaa}
.hero-micro{color:#bb735d;font-size:9px}
.hero-scroll{z-index:3;color:#898989;bottom:28px;min-height:36px;align-items:center}
.hero-motion-toggle{position:absolute;z-index:4;right:max(28px,calc((100% - 1240px)/2));bottom:27px;display:grid;place-items:center;width:38px;height:38px;padding:10px;background:#171717;border:1px solid #303030;border-radius:50%;color:#aaa;transition:color .2s,border-color .2s}
.hero-motion-toggle:hover{color:var(--ink);border-color:#777}
.hero-motion-toggle svg{width:14px;height:14px;fill:currentColor}
.hero-motion-toggle .motion-play{display:none}
.hero[data-motion-paused=true] .motion-pause{display:none}
.hero[data-motion-paused=true] .motion-play{display:block}
.hero.motion-idle .floating-composer,.hero.motion-idle .caret{animation-play-state:paused}
.mock-main{min-width:0}
.mock-ws i .brand-symbol{display:block;width:15px;height:15px;object-fit:contain}
.hero-product .floating-composer{transition:background .2s,border-color .2s}
.hero-product .floating-composer:hover{background:#1b1b1b;border-color:#d08a68}
.hero-product .floating-composer .fc-text{color:#989898}
.faq-list summary span{font-size:0}
.faq-list summary span::before{content:"+";font-size:15px}
.faq-list details[open]:not(.off) summary span::before{content:"−";font-size:18px}
@media(max-width:950px){
  .hero{height:auto;min-height:0;max-height:none}
  .hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:124px;padding-bottom:80px;height:auto}
  .hero-copy{width:100%;margin:0;max-width:540px}
  .hero-copy h1{font-size:min(76px,14cqw);margin:22px 0 26px}
  .hero-copy>p:not(.hero-micro){font-size:14px;max-width:420px;margin-bottom:24px}
  .hero-micro{font-size:8px;margin-top:20px}
  .hero-art{left:62%;top:72px!important;width:100%!important;height:calc(100% - 100px)!important;opacity:.85!important}
  .hero::before{background:linear-gradient(180deg,#010101d9 0%,#01010180 40%,transparent 70%)}
  .hero-product{position:relative;left:auto;top:auto;width:100%;height:350px;transform:none;margin-top:38px;mask-image:linear-gradient(#000 82%,transparent);mask-composite:add}
  .hero-product .app-window{margin:0;width:100%;height:385px;border-radius:14px}
  .hero-product aside{width:130px;padding:18px 12px}
  .hero-product aside .wordmark{font-size:26px}
  .hero-product .mock-nav{font-size:10px;padding:8px 5px}
  .hero-product .mock-ws{font-size:9px;margin-top:20px;padding:6px}
  .hero-product .mock-topbar{font-size:11px;padding:16px}
  .hero-product .mock-main>h3{font-size:25px;margin:20px 12px 0}
  .hero-product .floating-composer{left:146px;top:133px;width:calc(100% - 162px);height:155px;padding:16px}
  .hero-product .floating-composer .fc-title{font-size:13px}
  .hero-product .floating-composer .fc-text{font-size:11px}
  .hero-product .floating-composer .attach small{font-size:9px}
  .hero-product .floating-composer .button{padding:8px 12px;font-size:9px}
  .hero-product .mock-templates{margin:196px 16px 0}
  .hero-product .mock-templates>p{font-size:11px}
  .hero-product .mini-template-row>div{width:calc((100% - 10px)/2);min-width:0;height:160px}
  .hero-product .mini-template-row>div:nth-child(3){display:none}
  .hero-motion-toggle{right:24px;bottom:24px}
}
@media(max-width:480px){
  .hero-inner{padding-top:120px;padding-bottom:76px}
  .hero-copy h1{font-size:14cqw}
  .hero-copy>p:not(.hero-micro){font-size:13px;max-width:335px}
  .hero-copy .button-row{flex-wrap:wrap;gap:10px}
  .hero-copy .button-row .button{padding:12px 17px;gap:12px;font-size:12px;min-height:44px}
  .hero-product{height:314px;margin-top:32px}
  .hero-product aside{display:none}
  .hero-product .app-window{height:355px}
  .hero-product .mock-topbar{padding:13px 16px}
  .hero-product .sample-label{display:inline-block;font-size:7px}
  .hero-product .mock-main>h3{font-size:23px;line-height:1.2;margin:16px 12px 0}
  .hero-product .floating-composer{left:14px;top:115px;width:calc(100% - 28px);height:138px;padding:14px}
  .hero-product .floating-composer .fc-title{font-size:13px;padding-bottom:6px}
  .hero-product .floating-composer .fc-text{font-size:11px;padding-top:0}
  .hero-product .floating-composer .composer-bottom{padding-top:10px;gap:8px}
  .hero-product .floating-composer .attach{font-size:13px;white-space:nowrap}
  .hero-product .floating-composer .attach small{font-size:9px}
  .hero-product .floating-composer .button{font-size:9px;padding:8px 11px}
  .hero-product .mock-templates{margin:170px 16px 0}
  .hero-scroll{left:20px;transform:none;font-size:8px}
  .hero-motion-toggle{right:20px;bottom:24px}
}
@media(prefers-reduced-motion:reduce){.hero-motion-toggle{display:none}.hero-scroll{display:flex}.hero-art{opacity:.8!important}}

/* Compact screens retain readable content and reachable controls. */
@media(max-width:800px){
  .pain-stack{max-width:100%}
  .action-menu{max-width:100%}
  .mobile-menu{width:44px;height:44px;padding:10px;flex:none;line-height:1}
}
@media(max-width:480px){
  .orbit-center{max-width:calc(100% - 40px)}
  .journal-heading{flex-wrap:wrap}
}
@media(max-width:360px){
  .nav{gap:6px}
  .nav .wordmark{font-size:31px}
}


@media(min-width:1151px){.hero-product .floating-composer{width:min(505px,calc(50vw - 216px))}}
@media(min-width:951px) and (max-width:1150px){.hero-product .floating-composer{width:min(450px,calc(57vw - 170px))}}

.footer [data-contact-link]{overflow-wrap:anywhere}