:root{color-scheme:dark;--bg:#070909;--panel:#101415;--text:#eef6f4;--muted:#9da8ae;--line:rgba(190,210,212,.12);--cyan:#21d8ff;--violet:#8b5cf6;--pink:#f43bd6;--gradient:linear-gradient(110deg,#21d8ff 0%,#8d7bff 52%,#f43bd6 100%);font-family:Manrope,Arial,sans-serif;font-weight:400;font-synthesis:none;scroll-behavior:smooth}[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button,select,input{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}img{display:block;max-width:100%;height:auto}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Inter,"Space Grotesk",Manrope,sans-serif;font-weight:700}h1{font-weight:800}h2{font-weight:750}h1{font-size:clamp(58px,5.9vw,88px);letter-spacing:-5.3px;line-height:1.055}h2{font-size:clamp(36px,4vw,56px);line-height:1.13;letter-spacing:-2.5px}h3{font-size:27px;line-height:1.2;letter-spacing:-1px}p{line-height:1.75;color:var(--muted)}sup{font-size:.6em}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.gradient-text{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.section-space{padding-block:105px;scroll-margin-top:80px}.eyebrow{display:block;font-size:10px;line-height:1.5;letter-spacing:2px;font-weight:700;color:#abb9c1}.eyebrow .tiny-star{color:var(--cyan);font-size:17px;margin-right:7px}.section-heading{margin-bottom:45px}.section-heading .eyebrow,.section-copy .eyebrow{margin-bottom:20px}.section-heading p{max-width:600px;margin-top:22px}.centered{text-align:center}.centered p{margin-inline:auto}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:54px;border-radius:12px;padding:15px 23px;font-size:13px;font-weight:700;line-height:1.4;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.button svg{width:17px;height:17px}.button:hover{transform:translateY(-2px)}.button-primary{color:#07121c;background:var(--gradient);box-shadow:0 7px 25px rgba(107,90,225,.15)}.button-primary:hover{box-shadow:0 9px 33px rgba(107,90,225,.3)}.button-outline{background:linear-gradient(#0c1215,#0c1215) padding-box,var(--gradient) border-box;color:var(--text)}.button-small{min-height:44px;padding:11px 17px;font-size:11px;gap:18px}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:700;min-height:44px;background:none;border:0;padding:0;color:var(--text)}.text-link span{font-size:22px;font-weight:400}.skip-link{position:fixed;z-index:20;top:-60px;left:20px;padding:12px;background:var(--cyan);color:#070909}.skip-link:focus{top:12px}
.site-header{position:sticky;z-index:10;top:0;border-bottom:1px solid rgba(190,210,212,.07);background:rgba(7,9,9,.9);backdrop-filter:blur(18px)}.nav-shell{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand img{width:119px;max-height:45px}.brand-divider{width:1px;height:23px;background:var(--line);transform:rotate(13deg)}.brand>span:last-child{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:-.3px}.preview-dot{width:4px;height:4px;border-radius:50%;background:#a290ff}.nav-shell nav{display:flex;gap:27px;align-items:center}.nav-shell nav a{font-size:11px;color:#a9b3b8;transition:color .2s}.nav-shell nav a:hover{color:#fff}.menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:12px}.menu-button span{display:block;height:1px;background:var(--text);margin:5px 0}.mobile-menu{padding:12px 24px 22px}.mobile-menu a{padding:13px 8px;display:block;border-bottom:1px solid var(--line);font-size:13px}
.hero{position:relative;padding-top:80px;display:grid;grid-template-columns:1.03fr 1fr;column-gap:25px;min-height:700px}.hero:before{content:"";pointer-events:none;position:absolute;z-index:-1;top:-100px;right:-20px;width:900px;height:780px;background:radial-gradient(ellipse at 65% 42%,rgba(99,53,163,.11),transparent 58%),radial-gradient(ellipse at 80% 12%,rgba(13,140,163,.055),transparent 50%)}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{margin-bottom:24px}.hero-copy>p{max-width:420px;font-size:14px;line-height:1.85;margin-top:26px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:31px}.hero-support{display:flex;gap:12px;align-items:center;margin-top:29px;font-size:10px;line-height:1.8;color:#87969d}.hero-support strong{font-weight:400;color:#c2cdd1}.round-icon{display:flex;align-items:center;justify-content:center;width:29px;height:29px;background:rgba(33,216,255,.06);border:1px solid rgba(33,216,255,.15);border-radius:50%;color:var(--cyan)}.round-icon svg{width:14px;height:14px}.hero-art{position:relative;align-self:start;height:535px;min-width:0}.partner-art{position:absolute;left:0;top:-12px;width:105%;max-width:none;filter:drop-shadow(0 15px 50px rgba(139,92,246,.12))}.orbital{position:absolute;left:50%;top:48%;width:490px;height:490px;transform:translate(-50%,-50%);border:1px solid rgba(169,137,242,.075);border-radius:50%}.orbital-two{width:400px;height:400px;border-style:dashed;border-color:rgba(33,216,255,.07)}.art-caption{position:absolute;top:7px;right:20px;z-index:2;color:#9a9eaf;font-size:8px;font-weight:700;letter-spacing:1.6px;display:flex;align-items:center;gap:8px}.art-caption svg{width:12px;height:12px}.float-stat{position:absolute;z-index:3;min-width:171px;border:1px solid rgba(174,199,217,.22);border-radius:16px;background:linear-gradient(135deg,rgba(31,46,55,.88),rgba(12,18,23,.88));box-shadow:0 20px 65px #0008,0 1px 0 #fff1 inset;backdrop-filter:blur(18px);padding:17px 21px;transform:rotate(-6deg)}.stat-once{top:73px;left:-4px}.stat-recurring{bottom:46px;right:-12px;transform:rotate(6deg);background:linear-gradient(135deg,rgba(48,31,57,.9),rgba(20,16,29,.9))}.stat-label{display:flex;align-items:center;gap:7px;font-size:7px;font-weight:700;letter-spacing:1.2px;color:#b3c6ce}.stat-label>span{width:4px;height:4px;background:var(--cyan);border-radius:50%}.stat-label svg{width:11px;height:11px;color:#c2a7ff}.float-stat strong{display:block;font-family:"Space Grotesk",sans-serif;font-size:71px;letter-spacing:-5px;line-height:1.2;margin:5px 0 2px;color:#e0fcff}.float-stat strong>span{font-size:40px;letter-spacing:-3px}.stat-recurring strong{color:#e0cdff}.float-stat small{font-size:9px;color:#a7b5be}.art-note{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;color:#809099;font-size:9px}.hero-bottom{grid-column:1/-1;padding:28px 0 27px;margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.hero-bottom>span{font-size:8px;letter-spacing:1.5px;color:#65757f;font-weight:700}.hero-bottom>div{display:flex;align-items:center;gap:26px;font-size:11px;color:#c5cdd2}.hero-bottom i{font-style:normal;font-size:13px;color:#696084}
.product-section{overflow:hidden;padding-bottom:90px}.product-layout{display:grid;grid-template-columns:.73fr 1.25fr;gap:75px;align-items:center}.section-copy>p{font-size:13px;max-width:410px;margin-top:23px}.section-copy>p+p{margin-top:14px}.product-tags{display:flex;gap:18px;flex-wrap:wrap;margin-top:27px}.product-tags span{font-size:10px;color:#c2cdd1;display:flex;gap:6px;align-items:center}.product-tags svg{width:14px;height:14px;color:#9c94da}.product-showcase{min-width:0;position:relative}.product-showcase:before{content:"";position:absolute;z-index:-1;inset:0 -80px;background:radial-gradient(ellipse at center,#00c9f00d,transparent 65%)}.browser-window{border:1px solid #728ab329;border-radius:13px;overflow:hidden;background:#0b1114;box-shadow:0 20px 70px #0008;transform:perspective(1600px) rotateY(-4deg) rotateX(2deg);transition:transform .4s}.browser-window:hover{transform:perspective(1600px) rotateY(0deg) rotateX(0deg)}.browser-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;background:#12181c;border-bottom:1px solid var(--line)}.browser-toolbar>span:nth-child(2){display:flex;align-items:center;gap:6px;font-size:8px;color:#91a2ae}.browser-toolbar svg{width:10px;height:10px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#56616c}.window-dots i:nth-child(2){background:#746485}.window-dots i:nth-child(3){background:#487e82}.browser-live{font-size:5px;letter-spacing:.8px;color:#687c85}.browser-window>img{width:100%;aspect-ratio:16/9;object-fit:cover}.product-tabs{display:flex;justify-content:center;gap:4px;margin-top:22px}.product-tabs button{background:none;border:1px solid transparent;color:#84939c;font-size:9px;padding:9px 11px;border-radius:20px;white-space:nowrap}.product-tabs button[aria-selected=true]{background:rgba(33,216,255,.07);border-color:rgba(33,216,255,.2);color:#9de5f2}.screenshot-caption{display:block;text-align:center;font-size:8px;color:#596b76;margin-top:14px}
.commission-models{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:990px;margin:auto}.model-card{position:relative;overflow:hidden;border:1px solid #21d8ff3b;border-radius:23px;padding:30px 35px;background:radial-gradient(ellipse at 0 0,rgba(33,216,255,.085),transparent 50%),linear-gradient(140deg,#11191c,#0d1012);box-shadow:0 1px 0 #ffffff07 inset}.model-recurring{border-color:#b379fa3b;background:radial-gradient(ellipse at 100% 0,rgba(155,91,238,.1),transparent 50%),linear-gradient(140deg,#15131b,#0d1012)}.model-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.model-top>svg{color:#68b1c5;width:24px;height:24px}.model-recurring .model-top>svg{color:#b1a0db}.model-index{font-size:8px;font-weight:700;letter-spacing:1.6px;color:#97bcc8}.model-recurring .model-index{color:#b5a6d5}.model-percent{display:flex;align-items:baseline;margin:27px 0 18px;font-family:"Space Grotesk",sans-serif;font-size:110px;letter-spacing:-8px;line-height:1.05;color:#baf1ff}.model-percent>span:first-child{font-size:58px;letter-spacing:-4px}.model-recurring .model-percent{color:#d6beff}.model-percent-note{font-family:Manrope,sans-serif;font-size:10px;line-height:1.7;letter-spacing:0;color:#8a9aa3;margin-left:17px}.model-card h3{font-size:29px}.model-card>p{font-size:12px;line-height:1.8;margin-top:16px;min-height:65px;max-width:335px}.commission-examples{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}.commission-examples>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 0}.commission-examples>div+div{border-top:1px solid var(--line)}.commission-examples span{font-size:10px;font-weight:700}.commission-examples small{display:block;color:#6f838e;font-size:9px;font-weight:400;margin-top:3px}.commission-examples strong{font-family:"Space Grotesk",sans-serif;color:#b8e9f1;font-size:22px;letter-spacing:-.8px}.model-recurring .commission-examples strong{color:#d2bcee}.button-model{width:100%;background:#bbf3ff;color:#10232d;min-height:49px;font-size:11px;border-radius:10px;justify-content:space-between}.model-recurring .button-model{background:#d1b8fc;color:#241b38}.model-footnote{display:block;font-size:8px;color:#647781;text-align:center;margin-top:12px}.models-or{position:absolute;z-index:2;top:48%;left:50%;transform:translate(-50%,-50%);border:1px solid #29303b;background:#101416;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:9px;letter-spacing:1px;color:#84949e}.proposal-note{font-size:9px;text-align:center;margin-top:22px;color:#6f818d}.proposal-note span{color:#b8a0ee;margin-right:7px}
.simulation-section{background:radial-gradient(ellipse at 50% 35%,rgba(102,73,143,.08),transparent 65%),#090b0d;border-top:1px solid #8c71bc12;border-bottom:1px solid #8c71bc12}.simulation-intro{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:42px}.simulation-intro .eyebrow{margin-bottom:19px}.simulation-intro>p{font-size:12px;max-width:310px;margin-bottom:7px}.calculator{display:grid;grid-template-columns:.87fr 1.25fr;border:1px solid #af9ed02b;border-radius:22px;overflow:hidden;background:#0f1316;box-shadow:0 24px 70px #0004}.calculator-controls{padding:31px;background:#101518;border-right:1px solid var(--line)}.segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#090d0f;margin-bottom:32px}.segmented>button{border:1px solid transparent;background:none;border-radius:7px;padding:11px 9px;flex:1;font-size:10px;font-weight:700;color:#7d919d;min-height:40px}.segmented>button[aria-pressed=true]{background:#29303a;color:#e6edf6;border-color:#939ac225;box-shadow:0 2px 5px #0004}.input-label{display:block;font-size:10px;color:#a7b8c1;margin-bottom:13px}.volume-control{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.volume-control button{border:1px solid var(--line);background:#192026;border-radius:10px;width:36px;height:36px;font-size:19px;color:#a3b8c6}.volume-control button:disabled{opacity:.3;cursor:not-allowed}.volume-control input{appearance:textfield;border:0;border-radius:10px;background:transparent;color:#edf5f4;font-family:"Space Grotesk",sans-serif;font-size:52px;text-align:center;width:130px;height:65px;letter-spacing:-2px}.volume-control input::-webkit-inner-spin-button{appearance:none}.volume-control input:focus-visible{outline:1px solid #768ab8}.calculator input[type=range]{width:100%;height:5px;margin:0;accent-color:#a596f7;cursor:pointer;border-radius:20px;display:block}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#637985;margin-top:10px}.input-help{font-size:9px;color:#8197a4;margin:16px 0 29px;min-height:33px}.select-wrap{position:relative}.select-wrap select{display:block;width:100%;appearance:none;background:#090e12;color:#c7d6df;border:1px solid #6c859b33;border-radius:9px;padding:13px 36px 13px 12px;font-size:10px;min-height:44px}.select-wrap>svg{position:absolute;right:11px;top:13px;width:16px;height:16px;color:#7a929f;pointer-events:none}.calculator-result{position:relative;display:flex;flex-direction:column;padding:42px 40px;background:radial-gradient(ellipse at 100% 0,rgba(139,92,246,.09),transparent 65%)}.result-label{font-size:8px;font-weight:700;letter-spacing:1.7px;color:#9ba9bc}.result-range{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:24px;font-family:"Space Grotesk",sans-serif;font-size:53px;letter-spacing:-2.8px;line-height:1.2;font-variant-numeric:tabular-nums}.result-range .result-to{font:400 16px Manrope,sans-serif;color:#56677c}.result-range strong{display:block}.calculator-result>p{font-size:11px;color:#95a5b1;margin-top:16px;max-width:370px}.formula-line{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:26px 0 35px;font-size:9px;color:#61758b}.formula-line>span:nth-child(odd){padding:8px 10px;border:1px solid #7d94ad29;border-radius:7px;background:#95afd606;color:#acb9cb}.formula-line svg{width:16px;height:16px;color:#a896e5;margin-left:auto}.result-bottom{display:flex;gap:12px;align-items:center;border-top:1px solid #aab8d414;padding-top:22px;margin-top:auto}.result-spark{font-size:29px;color:#b2a4f5}.result-bottom p{font-size:9px;color:#73879c;line-height:1.9}.simulation-assumptions{margin-top:16px;padding:0 5px;font-size:9px;color:#718497}.simulation-assumptions>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;width:max-content;max-width:100%;min-height:35px}.simulation-assumptions>summary::-webkit-details-marker{display:none}.simulation-assumptions>summary>svg{width:12px;height:12px}.simulation-assumptions[open] summary>svg{transform:rotate(180deg)}.simulation-assumptions>p{padding-top:8px;font-size:10px;line-height:1.9;max-width:1000px}.recurrence-story{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center;margin-top:86px}.recurrence-copy .eyebrow{font-size:8px;margin-bottom:20px}.recurrence-copy h3{font-size:36px;letter-spacing:-1.7px}.recurrence-copy>p{font-size:11px;margin-top:18px}.recurrence-copy strong{color:#b7c6d0}.chart-premise{display:block;font-size:8px;color:#526879;line-height:1.8;margin-top:19px;max-width:275px}.recurrence-chart{padding:29px;border:1px solid #a99cd51a;background:linear-gradient(140deg,#11161b,#101016);border-radius:17px;min-width:0}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:7px;letter-spacing:1.2px;font-weight:700;color:#a2acbf}.chart-legend{display:flex;align-items:center;gap:5px;letter-spacing:0;font-size:7px;color:#748599;font-weight:400}.chart-legend i{width:5px;height:5px;background:#a590ef;border-radius:50%}.chart-bars{height:172px;padding:20px 0 0;display:flex;align-items:end;gap:15px;border-bottom:1px solid #77899b25;background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,#ffffff05 49px,#ffffff05 50px)}.chart-column{position:relative;display:flex;align-items:center;justify-content:end;flex-direction:column;height:100%;flex:1;gap:10px}.chart-column>.bar{display:block;width:100%;height:var(--bar);min-height:2px;background:linear-gradient(to top,#3c3f7230,#7885d3);border:1px solid #b2b7ff29;border-bottom:0;border-radius:5px 5px 0 0;transition:height .3s}.chart-column>.bar.last{background:linear-gradient(to top,#776bdb25,#b891f5);box-shadow:0 -5px 25px #b991ff0a}.chart-column>span:last-child{position:absolute;bottom:-21px;font-size:7px;color:#6e7e92;white-space:nowrap}.bar-value{font-size:7px;color:#66788a}.chart-total{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:40px}.chart-total>div>span{display:block;font-size:6px;letter-spacing:1px;color:#7f91a6;margin-bottom:8px;font-weight:700}.chart-total strong{font-family:"Space Grotesk",sans-serif;font-size:25px;letter-spacing:-1px;color:#dfdaff;white-space:nowrap}.chart-total strong small{font-size:12px;color:#6c7290}.chart-total>span{font-size:8px;color:#6f7e95;text-align:right;line-height:1.7}.chart-footnote{font-size:7px;line-height:1.8;color:#58687d;margin-top:17px}
.support-grid{display:grid;grid-template-columns:1.14fr 1fr 1fr;gap:19px}.live-card{position:relative;display:flex;flex-direction:column;grid-row:span 2;border:1px solid #6fa5c42e;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#21d8ff0b,transparent 60%),#101518;padding:27px;overflow:hidden}.live-tag{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:1px;color:#a1b4c0;font-weight:700}.live-tag i{width:4px;height:4px;background:#ec82c8;border-radius:50%}.phone-art{height:254px;position:relative;width:144px;margin:31px auto 19px;transform:rotate(8deg);border:4px solid #2a3039;border-radius:26px;padding:4px;box-shadow:20px 20px 40px #0005;background:#0b0c12}.phone-screen{height:100%;border-radius:19px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 60%,#4b2b757d,transparent 70%),linear-gradient(150deg,#0f1c26,#0b1014);padding:20px 9px}.phone-top{z-index:2;position:absolute;width:47px;height:10px;background:#242731;top:4px;left:44px;border-radius:0 0 8px 8px}.phone-spark{color:#7d95d0;width:15px;height:15px;margin:6px 0 14px 9px}.phone-phrase{display:block;font:700 15px/1.4 "Space Grotesk",sans-serif;letter-spacing:-.5px;margin-left:8px;color:#d7e8f2}.phone-phrase b{color:#a594e7}.phone-screen img{width:33px;height:33px;margin:13px 0 10px 8px}.phone-caption{font-size:6px;color:#7794a8;margin-left:8px}.phone-comment{position:absolute;bottom:14px;left:7px;font-size:6px;color:#c4c3da;background:#42404b91;border:1px solid #ffffff19;padding:5px 6px;border-radius:8px}.phone-heart{position:absolute;bottom:58px;right:11px;font-size:23px;color:#e2a2e0}.live-copy{position:relative;margin-top:auto}.emoji-label{font-size:22px;display:block;margin-bottom:12px}.live-copy h3{font-size:24px}.live-copy>p{font-size:11px;margin-top:14px}.live-copy>.text-link{font-size:10px;margin-top:17px;color:#b9d4df;gap:8px}.live-copy>.text-link svg{width:13px;height:13px}.support-card{position:relative;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#111719,#0e1114);padding:29px;min-width:0}.feature-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;border:1px solid #21d8ff20;background:#21d8ff0b;color:#86def0;margin-bottom:24px}.feature-icon svg{width:19px;height:19px}.feature-icon.pink{color:#dc99cc;border-color:#f43bd620;background:#f43bd60b}.feature-icon.violet{color:#bda4f4;border-color:#8b5cf620;background:#8b5cf60b}.support-card h3{font-size:22px;letter-spacing:-.6px;max-width:230px}.support-card p{font-size:11px;margin-top:16px}.feature-footer{display:block;margin-top:25px;font-size:6px;letter-spacing:1px;font-weight:700;color:#5d7380}.support-wide{grid-column:span 2;display:flex;gap:25px;align-items:start;background:radial-gradient(ellipse at 100% 0,#8b5cf60d,transparent 60%),#101315;padding-block:28px;overflow:hidden}.support-wide .feature-icon{flex-shrink:0}.support-wide .eyebrow{font-size:7px;margin:3px 0 14px;color:#827a98}.support-wide h3{font-size:25px;max-width:320px}.support-wide p{max-width:340px;font-size:10px}.reward-sticker{position:absolute;right:23px;top:42px;color:#d0b5fc;font-family:"Space Grotesk",sans-serif;font-size:10px;line-height:1.05;transform:rotate(12deg);padding:17px 12px;background:#1a1628;border:1px solid #b58af53d;border-radius:50%;width:84px;height:84px;display:flex;flex-direction:column;justify-content:center;text-align:center}.reward-sticker b{font-size:15px;letter-spacing:-.5px}
.steps-section{padding-top:55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;list-style:none;margin:50px 0 0;padding:0;counter-reset:steps}.steps li{position:relative;padding-top:23px;border-top:1px solid #91a9c92b}.steps li:not(:last-child):after{content:"→";position:absolute;top:-15px;right:-39px;color:#4d5f70;font-size:20px}.step-number{font:700 32px/1 "Space Grotesk",sans-serif;letter-spacing:-1px;background:var(--gradient);background-clip:text;color:transparent;display:block;margin-bottom:22px}.steps h3{font-size:22px}.steps p{font-size:11px;margin-top:16px;max-width:270px}.faq-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding-top:65px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font-size:12px;font-weight:700;list-style:none;cursor:pointer;color:#c7d2d8}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:15px;height:15px;color:#7d8c9e;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details>p{font-size:11px;padding:0 28px 22px 0;line-height:1.9}.faq-section>.section-copy>p{font-size:12px;max-width:290px}.final-section{padding-block:30px 70px}.final-card{position:relative;overflow:hidden;isolation:isolate;border:1px solid #c7a6fa30;border-radius:25px;padding:60px 65px;background:radial-gradient(ellipse at 80% 20%,#8b5cf60e,transparent 60%),linear-gradient(110deg,#10191c,#13121c);min-height:420px}.final-card .eyebrow{font-size:8px;margin-bottom:24px}.final-card h2{font-size:45px;line-height:1.18;max-width:760px}.final-card>p{font-size:12px;margin-top:23px}.final-card>.button{margin-top:25px;font-size:11px;min-height:50px}.final-note{display:block;font-size:8px;color:#61758b;margin-top:13px}.final-art{position:absolute;z-index:-1;width:420px;max-width:none;right:-130px;top:80px;opacity:.5;transform:rotate(-17deg);filter:saturate(.7)}.site-footer{padding-bottom:34px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:23px;border-top:1px solid var(--line);padding-top:33px}.site-footer>div{display:flex;align-items:center;gap:25px}.site-footer>div>img{width:94px}.site-footer>div>span{font-size:9px;color:#697d87}.site-footer>a{display:flex;align-items:center;gap:12px;font-size:9px;color:#a3b1ba}.site-footer>a svg{width:13px;height:13px}.site-footer>p{width:100%;font-size:7px;color:#435964;max-width:850px;line-height:1.8}
dialog{position:fixed;padding:49px 44px 40px;border:1px solid #9284ae4d;border-radius:23px;background:radial-gradient(ellipse at 30% 0,#21d8ff0c,transparent 60%),#101519;color:var(--text);width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#020406bb;backdrop-filter:blur(8px)}dialog h2{font-size:35px;letter-spacing:-1.5px;margin-top:18px}dialog p{font-size:12px;margin-top:20px}dialog .eyebrow{font-size:8px}dialog .button{margin-top:24px;width:100%}.dialog-close{position:absolute;top:15px;right:15px;width:32px;height:32px;border:1px solid var(--line);background:#171d22;border-radius:8px;display:grid;place-items:center;color:#a7b7c3}.dialog-close>svg{width:16px;height:16px}.dialog-symbol{font-size:35px;color:#a893eb;display:block;margin-bottom:25px}.guide-dialog{width:min(650px,calc(100% - 32px))}.guide-dialog ol{margin:25px 0 0;padding-left:20px;color:#a698d3}.guide-dialog li{padding:12px 0 12px 9px;font-size:12px}.guide-dialog li>strong{display:block;color:#d8e1e6;font-size:12px;margin-bottom:6px}.guide-dialog li>span{font-size:11px;color:#8094a1;line-height:1.8}.guide-dialog .guide-note{border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:#b1a8d5}
@media(min-width:1500px){.hero{padding-top:100px;min-height:780px}.hero-art{height:570px}.partner-art{top:-30px}.stat-recurring{bottom:45px}.hero-bottom{margin-top:40px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.nav-shell nav{gap:18px}.nav-shell nav a{font-size:10px}.nav-cta{gap:9px}.brand{gap:10px}.brand img{width:104px}.brand>span:last-child{font-size:10px}.hero{padding-top:75px}.hero-art{height:480px}.float-stat{min-width:150px;padding:15px 17px}.float-stat strong{font-size:60px}.stat-once{left:5px;top:45px}.stat-recurring{right:0;bottom:55px}.partner-art{top:10px}.orbital{width:390px;height:390px}.orbital-two{width:320px;height:320px}.hero h1{font-size:68px;letter-spacing:-4px}.hero-bottom>div{gap:18px;font-size:10px}.hero-bottom>span{max-width:125px;line-height:1.8}.hero-actions{gap:20px}.hero-actions .button{font-size:11px;padding:15px 19px;gap:14px}.hero-actions .text-link{font-size:10px}.product-layout{gap:40px}.product-layout h2{font-size:43px}.section-space{padding-block:85px}.model-card{padding:28px}.result-range{font-size:43px}.calculator-result{padding:37px 30px}.recurrence-story{gap:45px}.support-grid{gap:15px;grid-template-columns:1.1fr 1fr 1fr}.support-card{padding:25px}.support-wide{gap:15px}.reward-sticker{opacity:.4;right:12px;top:20px}.support-wide>div{position:relative;z-index:1}.faq-section{gap:45px}.final-card h2{font-size:39px}}
@media(max-width:900px){.nav-shell nav{display:none}.nav-shell{height:74px}.nav-cta{margin-left:auto}.hero{padding-top:60px;min-height:640px}.hero h1{font-size:58px;letter-spacing:-3.3px}.hero-copy>p{font-size:12px;max-width:340px}.hero-art{height:430px}.partner-art{top:30px;width:110%;left:-5%}.stat-once{left:-15px;top:35px;min-width:130px}.stat-recurring{bottom:26px;right:-9px;min-width:130px}.float-stat{padding:13px 14px}.float-stat strong{font-size:53px}.float-stat strong>span{font-size:31px}.float-stat small{font-size:7px}.stat-label{font-size:6px}.art-caption{font-size:6px;right:0;top:0}.art-note{font-size:7px;bottom:-8px}.orbital{width:320px;height:320px}.orbital-two{width:270px;height:270px}.hero-bottom{margin-top:40px}.hero-bottom>span{font-size:7px}.hero-bottom>div{gap:13px;font-size:8px}.product-layout{grid-template-columns:1fr;gap:40px}.product-layout>.section-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;align-items:start}.product-layout .eyebrow{grid-column:1/-1}.product-layout .section-copy>h2{grid-row:span 3;font-size:43px}.product-layout .section-copy>p{margin:0;font-size:12px}.product-layout .section-copy>p+p{margin-top:10px}.product-tags{margin-top:18px}.product-showcase{max-width:700px;margin-inline:auto}.model-card h3{font-size:24px}.model-percent{font-size:90px}.model-percent-note{font-size:8px;margin-left:12px}.model-percent>span:first-child{font-size:48px}.model-top>svg{width:20px;height:20px}.model-index{font-size:6px}.model-card>p{font-size:11px;min-height:75px}.commission-examples strong{font-size:19px}.model-footnote{font-size:6px}.calculator{grid-template-columns:.9fr 1.1fr}.calculator-controls{padding:25px}.result-range{font-size:39px;gap:8px}.calculator-result{padding:32px 25px}.formula-line{font-size:8px;gap:7px}.simulation-intro{gap:35px}.simulation-intro>p{max-width:240px;font-size:11px}.simulation-intro h2{font-size:42px}.recurrence-story{gap:35px;grid-template-columns:.75fr 1fr}.recurrence-copy h3{font-size:30px}.recurrence-chart{padding:23px}.chart-total{gap:8px}.chart-total strong{font-size:20px}.chart-total>span{font-size:6px}.chart-heading{font-size:6px}.chart-legend{font-size:6px}.chart-bars{gap:10px;height:145px}.support-grid{grid-template-columns:1fr 1fr}.live-card{grid-row:span 2}.support-wide{grid-column:span 2;padding:28px;min-height:200px}.support-wide p{max-width:420px}.support-wide h3{max-width:500px}.reward-sticker{opacity:1;right:35px;top:55px}.steps{gap:35px}.steps li:not(:last-child):after{right:-26px}.steps h3{font-size:20px}.steps p{font-size:10px}.faq-section{grid-template-columns:.8fr 1.2fr;gap:40px}.faq-section h2{font-size:38px}.final-art{right:-170px;opacity:.3}.final-card{padding:45px}.final-card h2{font-size:37px}.site-footer>div{gap:18px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.nav-shell{height:69px;gap:15px}.brand img{width:101px}.brand>span:last-child{font-size:10px}.nav-cta{display:none}.menu-button{display:block;margin-left:auto}.hero{padding-top:41px;grid-template-columns:1fr;min-height:0;gap:0}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:21px}.hero h1{font-size:clamp(57px,12.8vw,75px);letter-spacing:-3.7px;line-height:1.04}.hero-copy>p{font-size:12px;line-height:1.85;max-width:355px;margin-top:24px}.hero-actions{margin-top:25px;gap:22px}.hero-actions .button{font-size:11px;min-height:51px;padding:14px 20px}.hero-actions .text-link{font-size:10px;gap:9px}.hero-support{margin-top:24px;font-size:9px;gap:10px}.hero-art{width:100%;max-width:420px;justify-self:center;height:390px;margin-top:28px}.partner-art{width:91%;left:5%;top:-6px}.orbital{width:320px;height:320px;top:45%}.orbital-two{width:265px;height:265px;top:45%}.stat-once{top:19px;left:0;min-width:140px;transform:rotate(-7deg)}.stat-recurring{bottom:23px;right:0;min-width:140px;transform:rotate(7deg)}.float-stat{padding:12px 16px;border-radius:13px}.float-stat strong{font-size:59px;margin-block:3px}.float-stat strong>span{font-size:33px}.float-stat small{font-size:7px}.stat-label{font-size:6px}.art-caption{font-size:6px;right:12px;top:0;max-width:145px}.art-note{bottom:0;font-size:7px}.hero-bottom{display:block;margin-top:26px;padding-block:22px}.hero-bottom>span{display:block;max-width:none;text-align:center;font-size:6px;letter-spacing:1.5px;margin-bottom:16px}.hero-bottom>div{justify-content:center;gap:9px;flex-wrap:wrap;font-size:8px}.hero-bottom i{font-size:9px}.section-space{padding-block:65px;scroll-margin-top:65px}.eyebrow{font-size:8px;letter-spacing:1.5px}h2{font-size:36px;letter-spacing:-1.8px;line-height:1.16}.section-heading{margin-bottom:30px}.section-heading p{font-size:11px;line-height:1.85;margin-top:19px}.section-heading .eyebrow,.section-copy .eyebrow{margin-bottom:16px}.product-layout{gap:30px}.product-layout>.section-copy{display:block}.product-layout .section-copy>h2{font-size:38px}.product-layout .section-copy>p{margin-top:21px;font-size:12px}.product-layout .section-copy>p+p{margin-top:12px}.product-tags{margin-top:21px}.browser-window{transform:none;border-radius:10px}.browser-toolbar{padding:10px}.browser-live{font-size:4px}.product-tabs{margin-top:17px;gap:1px}.product-tabs button{font-size:8px;padding:8px 10px;min-height:35px}.screenshot-caption{font-size:6px;margin-top:10px}.product-section{padding-bottom:40px}.commission-models{grid-template-columns:1fr;gap:28px;max-width:420px}.model-card{padding:27px;border-radius:20px}.model-index{font-size:7px}.model-percent{font-size:99px;margin-block:25px 17px}.model-percent>span:first-child{font-size:49px}.model-percent-note{font-size:9px;margin-left:19px}.model-card h3{font-size:28px}.model-card>p{font-size:11px;min-height:0;max-width:none}.commission-examples{margin-block:23px}.commission-examples span{font-size:10px}.commission-examples strong{font-size:22px}.button-model{font-size:10px;min-height:48px}.model-footnote{font-size:7px}.models-or{top:50%;width:35px;height:35px;font-size:7px}.proposal-note{font-size:8px;line-height:1.9;max-width:350px;margin:21px auto 0}.simulation-intro{display:block;margin-bottom:28px}.simulation-intro h2{font-size:35px}.simulation-intro>p{max-width:none;font-size:11px;margin-top:21px}.calculator{grid-template-columns:1fr;border-radius:18px}.calculator-controls{border-right:0;border-bottom:1px solid var(--line);padding:23px}.segmented{margin-bottom:25px}.segmented>button{font-size:10px}.input-label{font-size:10px}.volume-control{margin-bottom:17px}.volume-control input{font-size:48px;height:59px}.input-help{min-height:0;margin-block:16px 23px}.calculator-result{padding:29px 23px}.result-label{font-size:7px;letter-spacing:1.2px}.result-range{font-size:39px;gap:8px;letter-spacing:-2px;margin-top:20px}.calculator-result>p{font-size:10px;margin-top:16px}.formula-line{margin:22px 0 24px}.result-bottom p{font-size:8px}.result-bottom{padding-top:19px}.simulation-assumptions{font-size:8px;padding-inline:2px}.simulation-assumptions>p{font-size:9px}.recurrence-story{grid-template-columns:1fr;margin-top:52px;gap:27px}.recurrence-copy h3{font-size:33px}.recurrence-copy>p{font-size:11px;max-width:340px}.chart-premise{max-width:320px;font-size:8px;margin-top:15px}.recurrence-chart{padding:23px 20px}.chart-bars{height:155px;gap:12px}.chart-heading{font-size:6px;letter-spacing:.7px}.chart-total strong{font-size:22px}.chart-total>span{font-size:7px}.chart-footnote{font-size:7px}.support-section>.section-heading h2{font-size:33px}.support-grid{grid-template-columns:1fr;gap:15px}.live-card{grid-row:auto;padding:27px;max-width:500px}.phone-art{margin:28px auto 20px;height:243px;width:139px}.live-copy h3{font-size:27px}.live-copy>p{font-size:11px}.support-card{padding:27px}.support-card h3{font-size:24px;max-width:300px}.support-card p{font-size:11px;max-width:340px}.feature-icon{margin-bottom:19px}.feature-footer{font-size:7px;margin-top:23px}.support-wide{grid-column:auto;display:block;min-height:0;padding:27px}.support-wide .eyebrow{font-size:6px;margin-top:0}.support-wide h3{font-size:25px;max-width:270px}.support-wide p{font-size:10px;max-width:300px}.reward-sticker{right:24px;top:24px;width:69px;height:69px;padding:12px;font-size:9px}.reward-sticker b{font-size:12px}.steps-section{padding-top:25px}.steps{grid-template-columns:1fr;gap:24px;margin-top:30px}.steps li{padding:22px 0 0 50px;min-height:115px}.step-number{position:absolute;left:0;top:23px;font-size:28px}.steps h3{font-size:23px}.steps p{font-size:11px;max-width:none;margin-top:12px}.steps li:not(:last-child):after{display:none}.faq-section{grid-template-columns:1fr;gap:25px;padding-top:20px}.faq-section h2{font-size:35px}.faq-section>.section-copy>p{font-size:11px;max-width:none;margin-top:16px}.faq-list summary{font-size:11px;line-height:1.6;padding-block:21px;gap:15px}.faq-list details>p{font-size:10px;line-height:1.9;padding-right:10px}.final-section{padding-block:0 45px}.final-card{padding:33px 25px;min-height:410px;border-radius:20px}.final-card .eyebrow{font-size:6px;letter-spacing:1px;max-width:200px;margin-bottom:25px}.final-card h2{font-size:33px;letter-spacing:-1.8px;line-height:1.16;max-width:310px}.final-card>p{font-size:10px;max-width:250px;margin-top:22px}.final-card>.button{font-size:10px;gap:12px;padding-inline:17px;margin-top:25px}.final-note{font-size:6px}.final-art{width:300px;right:-140px;top:150px;opacity:.22}.site-footer{padding-top:27px;padding-bottom:28px;gap:20px}.site-footer>div{display:block}.site-footer>div>img{width:88px;margin-bottom:12px}.site-footer>div>span{font-size:8px}.site-footer>a{font-size:8px;gap:8px}.site-footer>p{font-size:6px;line-height:1.9}dialog{padding:45px 26px 28px;border-radius:18px}dialog h2{font-size:29px;letter-spacing:-1.3px}dialog p{font-size:11px;line-height:1.9}dialog .eyebrow{font-size:7px}.guide-dialog h2{font-size:28px}.guide-dialog ol{padding-left:17px}.guide-dialog li>strong{font-size:11px}.guide-dialog li>span{font-size:10px}}
@media(min-width:651px) and (max-width:900px){.menu-button{display:block}}@media(min-width:901px){.mobile-menu{display:none!important}}
@media(min-width:651px){.art-note{bottom:-35px}}
@media(max-width:650px){.calculator-result{order:-1;border-bottom:1px solid var(--line);padding:25px 23px}.calculator-controls{border-bottom:0}.result-range{font-size:34px;letter-spacing:-1.7px;flex-wrap:nowrap;gap:7px;margin-top:16px}.result-range .result-to{font-size:13px}.calculator-result .formula-line{display:none}.calculator-result>p{margin-top:12px}.result-bottom{margin-top:19px;padding-top:14px}.volume-control button{width:42px;height:42px}}

/* Desktop composition follows the viewport; text keeps readable line lengths. */
body{
  background-color:var(--bg);
  background-image:radial-gradient(ellipse clamp(380px,58vw,1500px) clamp(300px,55svh,850px) at 78% clamp(260px,35svh,580px),rgba(99,53,163,.10),transparent 72%),radial-gradient(ellipse clamp(280px,44vw,1000px) clamp(240px,45svh,700px) at 94% 160px,rgba(13,140,163,.045),transparent 72%);
  background-size:100% min(1100px,110svh);
  background-repeat:no-repeat;
}
.hero:before{display:none}
@media(min-width:1101px){
  .wrap{width:calc(100% - clamp(56px,8vw,256px))}
  .section-space{padding-block:clamp(76px,6.4vw,140px)}
  h1{font-size:clamp(68px,5.6vw,128px);letter-spacing:-.06em;line-height:1.04}
  h2{font-size:clamp(42px,3.6vw,80px);letter-spacing:-.045em}
  h3{font-size:clamp(27px,1.9vw,42px)}
  .eyebrow{font-size:clamp(10px,.72vw,15px)}
  .section-heading p{max-width:64ch;font-size:clamp(14px,1vw,19px)}
  .nav-shell{height:clamp(82px,6vw,108px);gap:clamp(24px,2vw,50px)}
  .brand img{width:clamp(119px,9vw,180px);max-height:60px}
  .brand>span:last-child{font-size:clamp(12px,.85vw,18px)}
  .nav-shell nav{gap:clamp(22px,2vw,48px)}
  .nav-shell nav a{font-size:clamp(11px,.8vw,17px)}
  .button-small{font-size:clamp(11px,.8vw,16px);min-height:clamp(44px,3.2vw,62px)}
  .hero{padding-top:clamp(42px,5.5svh,88px);min-height:0;grid-template-columns:1.04fr 1fr;column-gap:clamp(28px,4vw,110px);align-items:center}
  .hero-copy{min-width:0}
  .hero-copy>p{font-size:clamp(14px,1vw,19px);max-width:54ch;line-height:1.8}
  .hero-actions{gap:clamp(24px,2vw,45px);margin-top:clamp(25px,2vw,40px)}
  .hero-actions .button{font-size:clamp(13px,1vw,18px);min-height:clamp(54px,4vw,72px);padding-inline:clamp(23px,2vw,40px)}
  .hero-actions .text-link{font-size:clamp(12px,.9vw,17px)}
  .hero-support{font-size:clamp(10px,.8vw,15px);margin-top:clamp(22px,1.7vw,34px)}
  .hero-art{height:clamp(430px,calc(100svh - 250px),800px);align-self:center}
  .partner-art{inset:0;width:100%;height:100%;object-fit:contain;max-width:100%}
  .orbital{width:min(86%,680px);height:auto;aspect-ratio:1;top:50%}
  .orbital-two{width:min(70%,560px);height:auto}
  .art-caption{top:0;right:2%;font-size:clamp(8px,.62vw,12px)}
  .float-stat{min-width:clamp(171px,12vw,250px);padding:clamp(17px,1.3vw,27px)}
  .stat-once{top:14%;left:0}
  .stat-recurring{bottom:10%;right:0}
  .stat-label{font-size:clamp(7px,.55vw,11px)}
  .float-stat strong{font-size:clamp(71px,5.6vw,112px);letter-spacing:-.07em}
  .float-stat strong>span{font-size:.56em;letter-spacing:-.04em}
  .float-stat small{font-size:clamp(9px,.65vw,13px)}
  .art-note{bottom:-24px;font-size:clamp(9px,.65vw,13px)}
  .hero-bottom{margin-top:40px;padding-block:clamp(24px,2vw,40px)}
  .hero-bottom>span{font-size:clamp(8px,.6vw,12px)}
  .hero-bottom>div{gap:clamp(20px,2vw,50px);font-size:clamp(11px,.85vw,17px)}
  .product-layout{grid-template-columns:.85fr 1.15fr;gap:clamp(40px,5vw,120px)}
  .section-copy>p{max-width:56ch;font-size:clamp(14px,1vw,19px)}
  .product-tags{gap:clamp(18px,1.7vw,38px)}
  .product-tags span{font-size:clamp(10px,.8vw,16px)}
  .browser-window>img{max-height:74svh;object-fit:contain;background:#070909}
  .product-tabs button{font-size:clamp(10px,.75vw,15px);padding:12px 16px}
  .screenshot-caption{font-size:clamp(9px,.65vw,13px)}
  .commission-models{max-width:1180px;gap:28px}
  .model-card{padding:30px}
  .model-index{font-size:10px}
  .model-percent{font-size:clamp(96px,6vw,108px);letter-spacing:-.075em;margin-block:22px 16px}
  .model-percent>span:first-child{font-size:.53em;letter-spacing:-.04em}
  .model-percent-note{font-size:12px}
  .model-card h3{font-size:clamp(27px,1.75vw,30px)}
  .model-card>p{max-width:none;font-size:14px;line-height:1.7;min-height:0}
  .commission-examples{margin-block:20px}
  .commission-examples>div{padding-block:14px}
  .commission-examples span{font-size:12px}
  .commission-examples small{font-size:11px}
  .commission-examples strong{font-size:26px}
  .button-model{font-size:13px;min-height:50px}
  .model-footnote{font-size:10px}
  .proposal-note{font-size:clamp(10px,.72vw,14px)}
  .simulation-intro{gap:clamp(40px,5vw,110px)}
  .simulation-intro>p{max-width:43ch;font-size:clamp(14px,1vw,19px)}
  .calculator-controls,.calculator-result{padding:clamp(30px,3vw,64px)}
  .segmented>button{font-size:clamp(12px,.85vw,17px);min-height:clamp(42px,3.2vw,62px)}
  .input-label{font-size:clamp(12px,.85vw,17px)}
  .volume-control input{font-size:clamp(52px,4vw,84px);height:1.3em}
  .volume-control button{width:clamp(40px,3.2vw,60px);height:clamp(40px,3.2vw,60px)}
  .range-labels,.input-help{font-size:clamp(10px,.72vw,14px)}
  .select-wrap select{font-size:clamp(12px,.85vw,17px);min-height:clamp(46px,3.2vw,64px)}
  .select-wrap>svg{top:50%;transform:translateY(-50%)}
  .result-label{font-size:clamp(10px,.7vw,14px)}
  .result-range{font-size:clamp(46px,4.5vw,88px);letter-spacing:-.055em}
  .calculator-result>p{font-size:clamp(13px,.9vw,18px);max-width:58ch}
  .formula-line{font-size:clamp(10px,.75vw,15px)}
  .result-bottom p,.simulation-assumptions,.simulation-assumptions>p{font-size:clamp(11px,.75vw,15px)}
  .simulation-assumptions>p{max-width:100ch}
  .recurrence-story{gap:clamp(40px,5vw,120px);margin-top:clamp(70px,6vw,130px)}
  .recurrence-copy .eyebrow{font-size:clamp(10px,.68vw,14px)}
  .recurrence-copy h3{font-size:clamp(36px,2.9vw,65px)}
  .recurrence-copy>p{font-size:clamp(14px,1vw,19px);max-width:55ch}
  .chart-premise{max-width:55ch;font-size:clamp(10px,.75vw,15px)}
  .recurrence-chart{padding:clamp(29px,2.4vw,52px)}
  .chart-heading{font-size:clamp(9px,.65vw,13px)}
  .chart-legend{font-size:clamp(9px,.65vw,13px)}
  .chart-bars{height:clamp(172px,15vw,300px);gap:clamp(15px,1.8vw,40px)}
  .chart-column>span:last-child,.bar-value{font-size:clamp(9px,.65vw,13px)}
  .chart-total strong{font-size:clamp(28px,2.2vw,48px)}
  .chart-total>div>span{font-size:clamp(9px,.6vw,12px)}
  .chart-total>span,.chart-footnote{font-size:clamp(10px,.72vw,14px)}
  .support-grid{gap:clamp(19px,1.7vw,40px)}
  .live-card,.support-card{padding:clamp(27px,2.4vw,52px)}
  .live-tag{font-size:clamp(9px,.63vw,13px)}
  .phone-art{width:clamp(144px,10vw,200px);height:clamp(254px,17.64vw,353px)}
  .phone-top{left:50%;transform:translateX(-50%)}
  .phone-phrase{font-size:clamp(15px,1vw,20px)}
  .live-copy h3,.support-card h3{font-size:clamp(25px,2vw,43px);max-width:24ch}
  .live-copy>p,.support-card p{font-size:clamp(13px,.95vw,18px);max-width:58ch}
  .live-copy>.text-link{font-size:clamp(12px,.85vw,17px)}
  .feature-footer{font-size:clamp(9px,.6vw,12px)}
  .support-wide{gap:clamp(25px,2vw,48px);padding-right:clamp(125px,10vw,210px)}
  .support-wide .eyebrow{font-size:clamp(9px,.63vw,13px)}
  .support-wide h3{max-width:28ch}
  .support-wide p{max-width:62ch}
  .steps{gap:clamp(40px,4vw,100px)}
  .steps h3{font-size:clamp(25px,1.9vw,41px)}
  .steps p{max-width:50ch;font-size:clamp(13px,.95vw,18px)}
  .faq-section{gap:clamp(40px,5vw,120px)}
  .faq-list summary{font-size:clamp(14px,1vw,20px);padding-block:clamp(23px,1.8vw,38px)}
  .faq-list details>p,.faq-section>.section-copy>p{font-size:clamp(13px,.95vw,18px);max-width:68ch}
  .final-card{padding:clamp(45px,5vw,100px)}
  .final-card .eyebrow{font-size:clamp(10px,.7vw,14px)}
  .final-card h2{font-size:clamp(45px,3.8vw,84px);max-width:24ch}
  .final-card>p{font-size:clamp(14px,1vw,19px)}
  .final-card>.button{font-size:clamp(13px,.95vw,18px);min-height:clamp(54px,4vw,72px)}
  .final-note{font-size:clamp(10px,.7vw,14px)}
  .final-art{width:clamp(420px,34vw,800px);right:-7%;top:12%}
  .site-footer>div>img{width:clamp(94px,7vw,150px)}
  .site-footer>div>span,.site-footer>a{font-size:clamp(11px,.8vw,16px)}
  .site-footer>p{font-size:clamp(10px,.7vw,14px);max-width:110ch}
}
.hero-copy>.hero-intro{margin:clamp(20px,1.7vw,32px) 0 0;max-width:54ch}
.site-header{transform:translateY(0);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.site-header.is-retracted{transform:translateY(calc(-100% - 1px))}
.site-header:has(:focus-visible){transform:translateY(0)}
.hero-art .float-stat{translate:var(--repel-x,0px) var(--repel-y,0px);transition:translate .32s cubic-bezier(.22,.8,.25,1)}
.hero-art .partner-art{translate:var(--art-x,0px) var(--art-y,0px);transition:translate .6s cubic-bezier(.22,.8,.25,1)}

.final-card>.button-primary{background:linear-gradient(180deg,#ffffff30,#ffffff20),var(--gradient);box-shadow:0 8px 28px #9760ff38,0 1px 0 #ffffff55 inset}
.final-card>.button-primary:hover{box-shadow:0 10px 32px #9760ff4d,0 0 20px #21d8ff24,0 1px 0 #ffffff66 inset}
.final-card .eyebrow{display:flex;align-items:center;gap:9px}
.final-card .eyebrow .tiny-star{font-size:1.5em;line-height:1;margin:0;flex-shrink:0}

/* Reflection sweep from the main Tokfy sales page, scoped to the header CTA. */
.nav-cta{position:relative;isolation:isolate;overflow:hidden}
@media(hover:hover) and (pointer:fine){
  .nav-cta::before{content:"";position:absolute;top:-30%;bottom:-30%;left:-34%;z-index:-1;width:30%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);opacity:.75;transform:skew(-18deg);transition:transform .6s cubic-bezier(.22,1,.36,1)}
  .nav-cta:hover::before,.nav-cta:focus-visible::before{transform:translate(560%) skew(-18deg)}
  .nav-cta:hover{box-shadow:none}
}

.partner-feature-section{padding-block:64px}
.training-section{padding-top:16px}
.partner-feature-inner{max-width:1180px;margin-inline:auto}
.partner-feature-section .section-heading{margin-bottom:32px}
.partner-feature-section .section-heading h2{font-size:clamp(34px,2.8vw,50px);line-height:1.13;letter-spacing:-.045em}
.partner-feature-section .section-heading>p{max-width:54ch;margin:16px auto 0;font-size:15px;line-height:1.75}
.training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.training-card{--card-accent:33,216,255;display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid rgba(var(--card-accent),.2);border-radius:20px;background:radial-gradient(ellipse at 100% 0,rgba(var(--card-accent),.085),transparent 65%),linear-gradient(150deg,#11171a,#0b0e10);box-shadow:0 1px 0 #ffffff08 inset}
.training-live{--card-accent:141,123,255}
.training-ads{--card-accent:244,59,214}
.training-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
.training-number{font-family:"Space Grotesk",sans-serif;font-size:14px;letter-spacing:.14em;color:rgba(var(--card-accent),.8)}
.training-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid rgba(var(--card-accent),.22);border-radius:13px;background:rgba(var(--card-accent),.075);color:rgb(var(--card-accent))}
.training-icon svg{width:22px;height:22px}
.training-card h3{font-size:clamp(24px,1.7vw,28px);line-height:1.2;letter-spacing:-.03em}
.training-card>p{margin:18px 0 24px;font-size:14px;line-height:1.8}
.training-card .training-detail{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:11px;font-weight:600;line-height:1.5;color:#bdcbd2}
.training-detail svg{width:15px;height:15px;color:rgb(var(--card-accent))}
.training-card button.training-detail{width:100%;justify-content:space-between;text-align:left}
.benefits-editorial{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(44px,6vw,88px);align-items:center}
.benefits-section .benefits-intro{margin:0;text-align:left}
.benefits-section .benefits-intro h2{font-size:clamp(34px,2.55vw,46px);line-height:1.18}
.benefits-list{list-style:none;padding:0;margin:0;border-bottom:1px solid var(--line)}
.benefits-list>li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:22px;padding:26px 0;border-top:1px solid var(--line)}
.benefit-marker{display:flex;align-items:center;justify-content:center;align-self:start;color:var(--cyan);padding-top:3px}
.benefit-marker svg{width:28px;height:28px;stroke-width:1.4}
.benefits-list h3{font-size:clamp(23px,1.6vw,27px);line-height:1.3;letter-spacing:-.025em}
.benefits-list p{margin-top:12px;font-size:14px;line-height:1.8;max-width:58ch}
.partner-extras{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;border:1px solid var(--line);border-radius:18px;background:#0c1112;overflow:hidden}
.partner-extras>article{display:flex;align-items:center;gap:16px;min-width:0;padding:24px 26px}
.partner-extras>article+article{border-left:1px solid var(--line)}
.extra-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;color:#a0b5c1}
.extra-icon svg{width:23px;height:23px}
.partner-extras h3{font-size:17px;line-height:1.4;letter-spacing:-.3px}
.partner-extras p{margin-top:6px;font-size:12px;line-height:1.7}
:root{scrollbar-gutter:stable}
html:has(dialog[open]){overflow:hidden}
#join-dialog{width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:38px;border-radius:24px;text-align:left;background:radial-gradient(ellipse at 100% 0,rgba(139,92,246,.09),transparent 55%),#101516}
#join-dialog h2{font-size:35px;line-height:1.16;letter-spacing:-1.4px;margin:0;padding-right:16px;outline:none}
#join-dialog>.dialog-close{position:sticky;top:0;right:auto;float:right;z-index:2;margin:-18px -18px -14px 0}
#join-dialog>p{font-size:13px;line-height:1.75;margin-top:18px;max-width:58ch}
.join-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}
.join-option{--join-accent:172,239,251;display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid rgba(var(--join-accent),.25);border-radius:16px;background:linear-gradient(135deg,rgba(var(--join-accent),.07),transparent 75%);transition:border-color .2s,background .2s}
.join-option:hover{border-color:rgba(var(--join-accent),.65);background:rgba(var(--join-accent),.07)}
.join-option-recurring{--join-accent:207,178,255}
.join-option-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:rgb(var(--join-accent));font-size:9px;font-weight:700;letter-spacing:.08em}
.join-option-top svg{width:19px;height:19px}
.join-rate{display:block;margin-top:16px;color:rgb(var(--join-accent));font-family:"Space Grotesk",sans-serif;font-size:66px;line-height:1;letter-spacing:-4px}
.join-rate>span{font-size:36px;letter-spacing:-2px}
.join-option-copy{display:block;margin-top:13px;font-size:12px;line-height:1.7;color:#bac8cf}
.join-option-action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(var(--join-accent),.16);font-size:11px;font-weight:700;color:rgb(var(--join-accent))}
.join-option-action svg{width:16px;height:16px}
.join-community{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:15px;margin-top:25px;padding-top:24px;border-top:1px solid var(--line)}
.join-community-icon{display:flex;justify-content:center;padding-top:3px;color:#25d366}
.join-community-icon svg{width:27px;height:27px}
#join-dialog .join-community h3{font-size:19px;line-height:1.4;letter-spacing:-.5px}
#join-dialog .join-community p{margin:7px 0 0;font-size:12px;line-height:1.75}
#join-dialog .join-group-button{grid-column:1/-1;justify-content:center;gap:15px;min-height:48px;margin-top:18px;padding:12px 16px;font-size:12px;background:#25d366;border-color:#39e07a;color:#052e16;opacity:1;cursor:default;box-shadow:0 6px 22px #25d36612;transform:none}
.join-group-label{display:block;min-width:0;text-align:center}
@media(max-width:520px){
 #join-dialog{padding:32px 20px 24px;border-radius:20px}
 #join-dialog h2{font-size:29px;letter-spacing:-1.1px}
 #join-dialog>.dialog-close{margin:-16px -4px -16px 0}
 #join-dialog>p{font-size:12px;margin-top:14px}
 .join-options{grid-template-columns:1fr;gap:12px;margin-top:22px}
 .join-option{position:relative;padding:18px;display:grid;grid-template-columns:85px minmax(0,1fr);column-gap:14px}
 .join-option-top{grid-column:1/-1;font-size:9px}
 .join-rate{margin-top:13px;font-size:58px}
 .join-rate>span{font-size:30px}
 .join-option-copy{align-self:center;font-size:11px}
 .join-option-copy br{display:none}
 .join-option-action{grid-column:1/-1;margin-top:15px;padding-top:13px;font-size:11px}
 .join-community{grid-template-columns:27px minmax(0,1fr);gap:10px;margin-top:21px;padding-top:21px}
 .join-community-icon svg{width:23px;height:23px}
 #join-dialog .join-community h3{font-size:17px}
 #join-dialog .join-community p{font-size:11px}
 #join-dialog .join-group-button{font-size:11px;margin-top:8px;gap:8px;padding-inline:12px}
}
@media(max-width:900px){
 .partner-feature-section{padding-block:48px}
 .training-section{padding-top:12px}
 .partner-feature-section .section-heading h2{font-size:clamp(30px,5vw,40px)}
 .training-grid{grid-template-columns:1fr;gap:16px}
 .training-card{padding:26px}
 .training-card-top{margin-bottom:20px}
 .training-card h3{font-size:27px}
 .training-card>p{max-width:64ch;font-size:13px}
 .benefits-editorial{grid-template-columns:1fr;gap:30px}
 .benefits-list h3{font-size:24px}
 .benefits-list p{font-size:13px}
 .partner-extras{grid-template-columns:1fr}
 .partner-extras>article+article{border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:650px){
 .partner-feature-section .section-heading{margin-bottom:26px}
 .partner-feature-section .section-heading h2{font-size:clamp(28px,7.5vw,35px)}
 .partner-feature-section .section-heading>p{font-size:12px;margin-top:14px}
 .training-card{padding:24px;border-radius:18px}
 .training-card h3{font-size:26px}
 .training-card>p{margin-block:16px 22px;font-size:12px}
 .training-card .training-detail{font-size:10px}
 .benefits-editorial{gap:26px}
 .benefits-section .benefits-intro{margin:0}
 .benefits-list>li{grid-template-columns:26px minmax(0,1fr);gap:16px;padding-block:23px}
 .benefit-marker svg{width:23px;height:23px}
 .benefits-list h3{font-size:22px}
 .benefits-list p{font-size:12px}
 .partner-extras>article{padding:20px 18px;gap:12px}
 .partner-extras h3{font-size:15px}
 .partner-extras p{font-size:11px}
}

/* R29: composition follows useful viewport height, with natural content flow. */
:root{--header-h:69px;--section-pad:54px}
main>section{scroll-margin-top:calc(var(--header-h) + 16px)}
.product-showcase{width:100%}
.model-card{display:flex;flex-direction:column}
.model-card>p{flex:1}
@media(min-width:901px){
 :root{--header-h:clamp(64px,8svh,88px);--section-pad:clamp(42px,calc(4.5svh + 10px),74px)}
 .wrap{width:calc(100% - clamp(48px,7vw,192px))}
 .section-space,.partner-feature-section{padding-block:var(--section-pad)}
 .section-heading{margin-bottom:28px}
 h2{font-size:clamp(36px,min(3.2vw,6svh),60px);letter-spacing:-.045em}
 .section-heading>p{font-size:16px;line-height:1.65;margin-top:14px;max-width:68ch}
 .nav-shell{height:var(--header-h);gap:24px}
 .brand img{width:clamp(119px,7.5vw,160px);max-height:48px}
 .brand>span:last-child{font-size:13px}
 .nav-shell nav{gap:clamp(20px,1.8vw,34px)}
 .nav-shell nav a{font-size:13px}
 .button-small{font-size:13px;min-height:46px}
 .hero{padding-top:clamp(26px,4svh,52px);min-height:0;grid-template-columns:1.04fr 1fr;column-gap:clamp(32px,4vw,90px);align-items:center}
 .hero.wrap{max-width:1880px}
 .hero h1{font-size:clamp(62px,min(5.1vw,12svh),112px);letter-spacing:-.055em;line-height:1.04}
 .hero-copy>p,.hero-copy>.hero-intro{font-size:clamp(14px,1vw,18px);line-height:1.75;max-width:54ch;margin-top:22px}
 .hero-actions{gap:26px;margin-top:26px}
 .hero-actions .button{font-size:14px;min-height:54px;padding:15px 26px;gap:22px}
 .hero-actions .text-link{font-size:13px}
 .hero-art{width:100%;max-width:780px;justify-self:center;height:clamp(340px,min(57svh,35vw),660px);align-self:center}
 .partner-art{inset:0;width:100%;height:100%;object-fit:contain;max-width:100%}
 .float-stat{min-width:clamp(150px,min(11vw,21svh),210px);padding:clamp(15px,1.1vw,22px)}
 .stat-once{top:10%;left:0}
 .stat-recurring{bottom:6%;right:0}
 .stat-label{font-size:clamp(7px,.5vw,10px)}
 .float-stat strong{font-size:clamp(62px,min(4.8vw,9svh),100px);letter-spacing:-.07em}
 .float-stat strong>span{font-size:.56em}
 .float-stat small{font-size:clamp(9px,.6vw,12px)}
 .hero-bottom{margin-top:24px;padding-block:20px;gap:20px}
 .hero-bottom>span{font-size:10px}
 .hero-bottom>div{font-size:13px;gap:24px}
 .product-layout{max-width:1640px;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,5vw,88px)}
 .section-copy>p{max-width:54ch;font-size:clamp(14px,1vw,18px);line-height:1.75;margin-top:20px}
 .product-showcase{width:100%;max-width:1000px;justify-self:end}
 .browser-window>img{max-height:min(52svh,520px);object-fit:contain}
 .browser-toolbar{padding:10px 13px}
 .browser-toolbar>span:nth-child(2){font-size:10px}
 .product-tabs{margin-top:16px}
 .product-tabs button{font-size:12px;min-height:40px;padding:9px 14px}
 .product-tags{gap:20px;margin-top:22px}
 .product-tags span{font-size:12px}
 #models-title{font-size:clamp(34px,min(3vw,5svh),54px)}
 .commission-models{max-width:1180px;gap:28px}
 .model-card{padding:24px}
 .model-index{font-size:10px;letter-spacing:1.2px}
 .model-percent{font-size:clamp(76px,min(5vw,10svh),100px);margin-block:18px 14px}
 .model-percent-note{font-size:11px;margin-left:14px}
 .model-card h3{font-size:27px}
 .model-card>p{font-size:14px;line-height:1.65;min-height:0;margin-top:12px;max-width:none}
 .commission-examples{margin-block:16px}
 .commission-examples>div{padding-block:11px}
 .commission-examples span{font-size:12px}
 .commission-examples small{font-size:11px}
 .commission-examples strong{font-size:25px}
 .button-model{font-size:13px;min-height:46px;padding-block:12px}
 .simulation-section>.wrap{max-width:1520px}
 .simulation-intro{gap:48px;margin-bottom:28px}
 .simulation-intro h2{font-size:clamp(34px,min(3vw,5.4svh),54px)}
 .simulation-intro>p{font-size:16px;line-height:1.65;max-width:39ch;margin-bottom:3px}
 .calculator{grid-template-columns:.85fr 1.15fr}
 .calculator-controls,.calculator-result{padding:clamp(24px,3svh,36px)}
 .segmented{margin-bottom:24px}
 .segmented>button{font-size:13px;min-height:44px;padding-block:10px}
 .input-label{font-size:13px;margin-bottom:12px}
 .volume-control{margin-bottom:16px}
 .volume-control input{font-size:58px;height:70px}
 .volume-control button{width:44px;height:44px}
 .range-labels,.input-help{font-size:12px}
 .input-help{min-height:0;margin:14px 0 24px}
 .select-wrap select{font-size:13px;min-height:46px}
 .select-wrap>svg{top:50%;transform:translateY(-50%)}
 .result-label{font-size:11px}
 .result-range{font-size:clamp(40px,min(4vw,8svh),72px);margin-top:20px;gap:10px}
 .calculator-result>p{font-size:15px;line-height:1.65;margin-top:14px}
 .formula-line{font-size:12px;margin-block:22px 28px}
 .result-bottom{padding-top:18px}
 .result-bottom p{font-size:12px;line-height:1.7}
 .partner-feature-section .section-heading{margin-bottom:28px}
 .partner-feature-section .section-heading h2{font-size:clamp(34px,min(2.8vw,5.2svh),48px)}
 .training-grid{gap:20px}
 .training-card{padding:24px}
 .training-card-top{margin-bottom:20px}
 .training-card h3{font-size:26px}
 .training-card>p{font-size:14px;line-height:1.7;margin-block:16px 20px}
 .benefits-section .benefits-intro h2{font-size:clamp(34px,min(2.7vw,5.2svh),46px)}
 .benefits-list>li{padding-block:22px}
 .benefits-list h3{font-size:25px}
 .benefits-list p{margin-top:8px;line-height:1.7}
 .partner-extras>article{padding:20px 24px}
 .faq-section{gap:clamp(40px,5vw,88px)}
 .faq-list summary{font-size:16px;line-height:1.6;padding-block:22px}
 .faq-list details>p,.faq-section>.section-copy>p{font-size:14px;line-height:1.75}
 .final-section{padding-block:24px 48px}
 .final-card{min-height:0;padding:clamp(32px,5svh,64px)}
 .final-card h2{font-size:clamp(39px,min(3.4vw,6svh),64px)}
 .final-card .eyebrow{font-size:12px;margin-bottom:22px}
 .final-card>.button{font-size:14px;min-height:54px}
}
@media(min-width:901px) and (max-width:1100px){
 .nav-shell nav{display:none}
 .nav-cta{margin-left:auto}
 .menu-button{display:block}
 .mobile-menu:not([hidden]){display:block!important}
 .hero h1{font-size:clamp(53px,5.8vw,64px)}
 .hero-actions{gap:16px;flex-wrap:wrap}
 .hero-actions .button{font-size:12px;padding-inline:20px}
 .hero-actions .text-link{font-size:12px}
 .model-card{padding:22px}
 .model-card h3{font-size:24px}
 .model-percent-note{font-size:10px;margin-left:10px}
 .model-index{font-size:9px}
 .training-card{padding:20px}
 .training-card h3{font-size:23px}
 .training-card>p{font-size:13px}
 .training-card .training-detail{font-size:10px}
}
@media(min-width:901px) and (max-height:800px){
 :root{--section-pad:38px}
 .section-heading{margin-bottom:22px}
 #models-title{font-size:clamp(30px,4.8svh,38px)}
 #models-title br{display:none}
 #models-title .gradient-text{display:inline-block;margin-left:.2em}
 #modelos .section-heading>p{max-width:none;font-size:14px;line-height:1.6;margin-top:10px}
 .model-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto auto 1fr auto auto;column-gap:18px;padding:20px;align-content:stretch}
 .model-top,.model-card>p,.commission-examples,.button-model{grid-column:1/-1}
 .model-top{margin-bottom:12px}
 .model-percent{grid-column:1;grid-row:2;display:block;font-size:70px;margin:0;line-height:1}
 .model-percent-note{display:block;margin:5px 0 0;font-size:10px;line-height:1.5}
 .model-percent-note br{display:none}
 .model-card h3{grid-column:2;grid-row:2;align-self:center;font-size:24px;line-height:1.2}
 .model-card>p{font-size:13px;line-height:1.65;min-height:3.3em;margin-top:14px}
 .commission-examples{margin-block:14px}
 .commission-examples>div{padding-block:9px}
 .commission-examples strong{font-size:23px}
 .button-model{min-height:44px;font-size:12px;padding:10px 16px}
 .simulation-intro{margin-bottom:22px}
 .simulation-intro>p{font-size:14px}
 .calculator-controls,.calculator-result{padding:24px}
 .segmented{margin-bottom:20px}
 .input-help{margin-bottom:20px}
 .volume-control input{font-size:52px;height:60px}
 .result-range{font-size:clamp(38px,4vw,58px)}
 .training-card-top{margin-bottom:16px}
 .training-card>p{margin-block:14px 16px}
 .benefits-list>li{padding-block:18px}
 .benefits-list h3{font-size:23px}
}
@media(min-width:651px) and (max-width:900px){
 :root{--header-h:74px;--section-pad:54px}
 .section-space,.partner-feature-section{padding-block:var(--section-pad)}
 .hero{padding-top:36px;min-height:0;align-items:center}
 .hero h1{font-size:clamp(49px,6.6vw,58px);line-height:1.05}
 .hero-art{height:360px}
 .hero-copy>.hero-intro{font-size:13px;line-height:1.75;margin-top:20px}
 .hero-actions{gap:14px;flex-wrap:wrap;margin-top:22px}
 .hero-bottom{margin-top:24px;padding-block:20px}
 .product-layout{gap:30px}
 .product-layout .section-copy>h2{font-size:37px}
 .product-layout .section-copy>p{font-size:14px;line-height:1.75}
 .product-showcase{max-width:640px}
 .section-heading{margin-bottom:26px}
 .section-heading>p{font-size:14px;line-height:1.7;margin-top:16px}
 #models-title{font-size:38px}
 .model-card{padding:22px}
 .model-percent{font-size:76px;margin-block:18px 14px}
 .model-card h3{font-size:23px}
 .model-card>p{font-size:13px;min-height:0;line-height:1.7}
 .model-percent-note{font-size:9px;margin-left:10px}
 .commission-examples{margin-block:16px}
 .commission-examples>div{padding-block:11px}
 .button-model{font-size:11px;padding-inline:14px}
 .training-grid{gap:14px}
 .training-card{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:26px;padding:24px}
 .training-card-top{grid-column:1;grid-row:1;margin:0 0 14px}
 .training-card h3{grid-column:1;grid-row:2;font-size:25px}
 .training-card>p{grid-column:2;grid-row:1/3;margin:0;font-size:14px;align-self:center}
 .training-card .training-detail{grid-column:1/-1;margin-top:20px}
 .benefits-editorial{gap:24px}
 .benefits-list>li{padding-block:20px}
 .partner-extras{grid-template-columns:1fr 1fr}
 .partner-extras>article{padding:20px 18px}
 .partner-extras>article+article{border-top:0;border-left:1px solid var(--line)}
 .faq-section{gap:32px}
 .faq-list summary{font-size:14px;padding-block:20px}
 .faq-list details>p{font-size:13px}
 .final-card{min-height:0;padding:38px}
 .final-section{padding-block:20px 40px}
}
@media(max-width:650px){
 :root{--section-pad:48px}
 .wrap{width:calc(100% - 40px)}
 .section-space,.partner-feature-section{padding-block:var(--section-pad)}
 .section-heading,.partner-feature-section .section-heading{margin-bottom:24px}
 h2,.product-layout .section-copy>h2,.simulation-intro h2,.faq-section h2{font-size:clamp(28px,7.8vw,35px);letter-spacing:-.04em}
 .section-heading>p,.section-copy>p,.product-layout .section-copy>p,.simulation-intro>p,.faq-section>.section-copy>p{font-size:14px;line-height:1.75;margin-top:16px}
 .hero{padding-top:30px}
 .hero h1{font-size:clamp(42px,12.1vw,62px);letter-spacing:-.05em;line-height:1.05}
 .hero-copy>.hero-intro{font-size:14px;line-height:1.75;margin-top:20px}
 .hero-actions{flex-wrap:wrap;gap:12px 18px;margin-top:22px}
 .hero-actions .button{font-size:12px;min-height:48px;padding:13px 20px;gap:14px}
 .hero-actions .text-link{font-size:11px}
 .hero-art{height:clamp(265px,78vw,340px);margin-top:22px}
 .orbital{width:86%;height:auto;aspect-ratio:1;top:48%}
 .orbital-two{width:70%;top:48%}
 .float-stat{min-width:128px;padding:12px 14px}
 .float-stat strong{font-size:53px}
 .float-stat strong>span{font-size:30px}
 .stat-once{top:8px}
 .stat-recurring{bottom:6px}
 .hero-bottom{margin-top:22px;padding-block:18px}
 .hero-bottom>span{font-size:8px;margin-bottom:13px}
 .hero-bottom>div{font-size:10px;gap:9px}
 .product-layout{gap:26px}
 .product-tags span{font-size:12px}
 .product-tabs button{font-size:10px;padding:9px 11px;min-height:40px}
 .commission-models{gap:12px}
 .model-card{padding:22px}
 .model-index{font-size:9px;letter-spacing:1px}
 .model-percent{font-size:82px;margin-block:18px 14px}
 .model-percent>span:first-child{font-size:.53em}
 .model-percent-note{font-size:10px;margin-left:14px}
 .model-card h3{font-size:25px}
 .model-card>p{font-size:13px;line-height:1.75;margin-top:12px}
 .commission-examples{margin-block:18px}
 .commission-examples>div{padding-block:12px}
 .commission-examples span{font-size:12px}
 .commission-examples small{font-size:11px}
 .commission-examples strong{font-size:24px}
 .button-model{font-size:12px;min-height:46px;padding-inline:16px}
 .models-or{position:relative;top:auto;left:auto;transform:none;justify-self:center;width:30px;height:30px;font-size:8px}
 .simulation-intro{margin-bottom:24px}
 .calculator-controls,.calculator-result{padding:24px 20px}
 .segmented>button,.input-label{font-size:12px}
 .input-help,.range-labels{font-size:11px}
 .select-wrap select{font-size:12px}
 .calculator-result>p{font-size:13px;line-height:1.7}
 .result-label{font-size:9px}
 .result-bottom p{font-size:11px;line-height:1.75}
 .result-range{font-size:clamp(27px,8.2vw,38px);gap:6px;letter-spacing:-.05em;flex-wrap:wrap}
 .partner-feature-section .section-heading>p{font-size:14px}
 .training-card{padding:22px}
 .training-card h3{font-size:25px}
 .training-card>p{font-size:14px;line-height:1.75;margin-block:14px 18px}
 .training-card .training-detail{font-size:11px}
 .benefits-list>li{padding-block:20px}
 .benefits-list h3{font-size:22px}
 .benefits-list p{font-size:14px;line-height:1.75;margin-top:9px}
 .partner-extras>article{padding:20px 18px}
 .partner-extras p{font-size:13px}
 .faq-section{gap:24px}
 .faq-list summary{font-size:14px;line-height:1.6;padding-block:19px}
 .faq-list details>p{font-size:13px;line-height:1.8;padding-right:8px}
 .final-section{padding-block:18px 32px}
 .final-card{min-height:0;padding:30px 24px}
 .final-card h2{font-size:clamp(29px,8vw,36px);max-width:13ch}
 .final-card .eyebrow{font-size:8px;line-height:1.6;max-width:none;margin-bottom:20px}
 .final-card>.button{font-size:12px;min-height:48px;padding-inline:18px;margin-top:22px}
}

@keyframes tokfy-art-orbit{
 0%,100%{transform:translate3d(-2px,-5px,0)}
 25%{transform:translate3d(4px,-1px,0)}
 50%{transform:translate3d(2px,5px,0)}
 75%{transform:translate3d(-4px,1px,0)}
}
/* Avoid enlarged backdrop capture surfaces when the preview iframe is scaled. */
.hero-art .float-stat{-webkit-backdrop-filter:none;backdrop-filter:none}
@keyframes tokfy-card-orbit{
 0%,100%{transform:translate3d(-3px,-6px,0) rotate(var(--orbit-rotation,-6deg))}
 25%{transform:translate3d(5px,-2px,0) rotate(var(--orbit-rotation,-6deg))}
 50%{transform:translate3d(3px,6px,0) rotate(var(--orbit-rotation,-6deg))}
 75%{transform:translate3d(-5px,2px,0) rotate(var(--orbit-rotation,-6deg))}
}
@media(min-width:651px){
 .hero-art .partner-art{animation:tokfy-art-orbit 14s ease-in-out infinite;animation-play-state:paused}
 .hero-art .float-stat{animation:tokfy-card-orbit 12s ease-in-out infinite;animation-play-state:paused}
 .hero-art .stat-recurring{--orbit-rotation:6deg;animation-duration:15s;animation-direction:reverse;animation-delay:-6s}
 .hero-art.is-orbiting .partner-art,.hero-art.is-orbiting .float-stat{animation-play-state:running}
}

/* R30: original Tokfy cursors and native draggable scrollbar. */
:root{
--cursor-default: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22tokfyBorderWhite%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300e5ff%22%20%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff00d4%22%20%2F%3E%20%3C%2FlinearGradient%3E%20%3Cfilter%20id%3D%22arrowShadowWhite%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%221.5%22%20stdDeviation%3D%221.2%22%20flood-color%3D%22%23000000%22%20flood-opacity%3D%220.85%22%20%2F%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%20%3Cpath%20d%3D%22M4%204L18%2013.5L11.5%2015L9%2021.5L4%204Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22url(%23tokfyBorderWhite)%22%20stroke-width%3D%221.8%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20filter%3D%22url(%23arrowShadowWhite)%22%2F%3E%20%3C%2Fsvg%3E") 4 4, auto;
--cursor-pointer: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2227%22%20viewBox%3D%220%200%2024%2028%22%20fill%3D%22none%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22gLucide%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300e5ff%22%20%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff00d4%22%20%2F%3E%20%3C%2FlinearGradient%3E%20%3Cfilter%20id%3D%22shadowLucide%22%20x%3D%22-25%25%22%20y%3D%22-25%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%221.5%22%20stdDeviation%3D%221.2%22%20flood-color%3D%22%23000000%22%20flood-opacity%3D%220.85%22%20%2F%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%20%3Cg%20filter%3D%22url(%23shadowLucide)%22%3E%20%3Cpath%20d%3D%22M10%202.5C9%202.5%208.2%203.3%208.2%204.3V13.5L6.6%2011.9C5.8%2011.1%204.5%2011.1%203.7%2011.9C2.9%2012.7%202.9%2014%203.7%2014.8L7.8%2019.2C9.2%2020.6%2011.1%2021.5%2013.1%2021.5H16C18.2%2021.5%2020%2019.7%2020%2017.5V12C20%2011%2019.2%2010.2%2018.2%2010.2C17.9%2010.2%2017.6%2010.3%2017.3%2010.4C17.1%209.4%2016.2%208.7%2015.2%208.7C14.9%208.7%2014.7%208.8%2014.4%208.9C14.2%207.9%2013.3%207.2%2012.3%207.2L12.3%204.3C12.3%203.3%2011.5%202.5%2010.5%202.5H10Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22url(%23gLucide)%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E") 10 3, pointer;
--cursor-pointer-active: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2227%22%20viewBox%3D%220%200%2024%2028%22%20fill%3D%22none%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22gClick1%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300e5ff%22%20%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff00d4%22%20%2F%3E%20%3C%2FlinearGradient%3E%20%3Cfilter%20id%3D%22shadowClick1%22%20x%3D%22-25%25%22%20y%3D%22-25%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%221.5%22%20stdDeviation%3D%221.2%22%20flood-color%3D%22%23000000%22%20flood-opacity%3D%220.85%22%20%2F%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%20%3Cg%20filter%3D%22url(%23shadowClick1)%22%3E%20%3Cpath%20d%3D%22M10%205.8C9%205.8%208.2%206.5%208.2%207.5V13.5L6.6%2012.2C5.8%2011.4%204.5%2011.4%203.7%2012.2C2.9%2013%202.9%2014.3%203.7%2015.1L7.8%2019.5C9.2%2020.9%2011.1%2021.8%2013.1%2021.8H16C18.2%2021.8%2020%2020%2020%2017.8V12.5C20%2011.5%2019.2%2010.7%2018.2%2010.7C17.9%2010.7%2017.6%2010.8%2017.3%2010.9C17.1%209.9%2016.2%209.2%2015.2%209.2C14.9%209.2%2014.7%209.3%2014.4%209.4C14.2%208.4%2013.3%207.7%2012.3%207.7L12.3%207.5C12.3%206.5%2011.5%205.8%2010.5%205.8H10Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22url(%23gClick1)%22%20stroke-width%3D%221.8%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E") 10 6, pointer;
--cursor-text: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2222%22%20viewBox%3D%220%200%2018%2022%22%20fill%3D%22none%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22gIBeamBorder%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300e5ff%22%20%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff00d4%22%20%2F%3E%20%3C%2FlinearGradient%3E%20%3Cfilter%20id%3D%22shadowIBeamBorder%22%20x%3D%22-35%25%22%20y%3D%22-35%25%22%20width%3D%22170%25%22%20height%3D%22170%25%22%3E%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%221.5%22%20stdDeviation%3D%221.2%22%20flood-color%3D%22%23000000%22%20flood-opacity%3D%220.85%22%20%2F%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%20%3Cg%20filter%3D%22url(%23shadowIBeamBorder)%22%3E%20%3Cpath%20d%3D%22M5%203.2C5%202.5%205.6%202%206.3%202H11.7C12.4%202%2013%202.5%2013%203.2C13%203.9%2012.4%204.5%2011.7%204.7H10.1V17.3H11.7C12.4%2017.5%2013%2018.1%2013%2018.8C13%2019.5%2012.4%2020%2011.7%2020H6.3C5.6%2020%205%2019.5%205%2018.8C5%2018.1%205.6%2017.5%206.3%2017.3H7.9V4.7H6.3C5.6%204.5%205%203.9%205%203.2Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22url(%23gIBeamBorder)%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E") 9 11, text;
}
html,body{cursor:var(--cursor-default)}
button,a,select,summary,[role=button],[role=tab],[role=link],.interactive,label[for],input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio]{cursor:var(--cursor-pointer)!important}
button:active,a:active,select:active,summary:active,[role=button]:active,[role=tab]:active,[role=link]:active,.interactive:active,label[for]:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active,input[type=checkbox]:active,input[type=radio]:active{cursor:var(--cursor-pointer-active)!important}
input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=url],input[type=tel],input:not([type]),textarea,[contenteditable=true]{cursor:var(--cursor-text)!important}
:is(button,a,summary,[role=button]) :is(svg,path,span,img){cursor:inherit}
button:disabled,button:disabled *{cursor:var(--cursor-default)!important}
input[type=range]{cursor:var(--cursor-pointer)!important}
input[type=range]:active{cursor:var(--cursor-pointer-active)!important}
*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:linear-gradient(180deg,#21d8ff06,#ff2edb06)}*::-webkit-scrollbar-thumb{border:1px solid transparent;border-radius:999px;background:linear-gradient(180deg,#21d8ffb8,#ff2edb75) border-box;background-clip:padding-box;box-shadow:0 0 10px #21d8ff29,0 0 10px #ff2edb1a}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#21d8fff2,#ff2edbc7) border-box;background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}
@supports not selector(::-webkit-scrollbar){html,dialog{scrollbar-width:thin;scrollbar-color:#21d8ff #0a0e12}}

/* A little more separation after the audience strip. */
.product-section{padding-top:calc(var(--section-pad) + 24px)}
@media(max-width:650px){.product-section{padding-top:calc(var(--section-pad) + 16px)}}