/* Section-by-section alignment to site-example.png. Card height is deliberately enlarged. */
:root{--studio:url('assets/studio-reference.png');--paper:#fcf5eb;--green:#173e34;--peach:#ef9e80}
body{background:radial-gradient(ellipse at 45% 12%,#fffaf3,transparent 55%),#fcf5eb}
.container,.footer-shell{width:87%;max-width:1500px}
.nav{width:51%;max-width:880px;min-width:600px;min-height:56px;background:#fffaf4cc;border:1px solid #fff9;box-shadow:0 9px 24px #74553b0b}
.header{padding-top:40px}.nav-links a.active{color:#b78265;background:#fffdf9}.nav>.button{padding:10px 25px}
.hero-copy{padding:64px 0 43px}.hero h1{font-size:clamp(34px,3.9vw,58px);line-height:1.06;letter-spacing:-.065em}.hero .story{font-size:18px;margin-top:20px}.hero .actions{margin-top:23px}.button{font-size:13px;padding:13px 24px}.button.glass{color:#8e6049;background:#fff9;border-color:#fffb}
.hero-stage.studio{background-image:var(--studio);background-position:center;background-size:cover;height:85svh;min-height:620px;max-height:1000px;overflow:visible;border-radius:20px}.hero-controls{left:16%;top:37%;width:43%;gap:18px}.hero-controls .floating{width:55%}.hero-controls .floating+.floating{width:45%;margin-top:38px}.hero-phone{width:clamp(230px,22vw,330px);right:21%;bottom:7%;transform:rotate(4deg)}
.widget{background:#fff7;border:1px solid #ffffffe0;border-radius:18px;padding:19px;box-shadow:0 10px 20px #ad8c5d05}.widget-row{background:#fff7;min-height:41px;padding:9px;font-size:12px;border-radius:10px}.widget-title{font-size:12px;color:#38554c}.widget-row.selected{background:#fffc}.widget .pill{font-size:10px}.timeframe-buttons button{background:#fff9;border-radius:9px;padding:13px 4px}.timeframe-buttons button.active{background:#174c3a}.asset-dot{background:#a2aaa2}.asset-dot.gold{background:#eda50c}
.feature-panel{min-height:80svh;margin-top:20px;border-radius:20px}.feature-panel h2{font-size:clamp(35px,3.6vw,54px);font-weight:400;line-height:1.04;letter-spacing:-.055em}.section-copy p{font-size:17px;line-height:1.45;color:#7b847b}.idea{padding:6% 10%;background-image:url('assets/studio-light.png');background-position:center}.idea:before{display:none}.idea-phone{width:clamp(215px,20vw,300px);right:20%;bottom:7%;transform:rotate(4deg)}.section-copy>.button{margin-top:26px}
.steps{padding-top:48px;padding-bottom:25px}.steps h2{font-size:42px}.step-grid{gap:24px;margin-top:28px}.step-number{width:36px;height:36px;font-size:13px;color:#31594e;border-color:#eac5ab}.step h3{margin-top:12px;font-size:23px}.step>p{font-size:14px;line-height:1.35;margin:8px 0 22px}.step:not(:last-child) .step-number:after{left:49px;width:calc(21.75vw - 75px);max-width:295px}.step-grid>.step>div{height:auto}.step .widget{padding:17px}.step .widget-title{font-size:12px;gap:6px}.step .widget-row{font-size:11px}
.analysis-panel.studio{background-image:linear-gradient(90deg,#f9efe520,#f8eee4e8 65%),var(--studio);padding:5% 6%;grid-template-columns:1.1fr .9fr;gap:8%}.analysis-panel .section-copy p{font-size:16px}.desktop-chart{padding:22px 18px 18px 45px;background:#fff9;border:2px solid #fffc;border-radius:16px;box-shadow:0 12px 20px #8a75531a}.desktop-chart:before{content:'＋\A⌁\A◇\A╱\A□';white-space:pre;position:absolute;left:-18px;top:21%;background:#fff9;border:1px solid #fff;border-radius:10px;padding:10px;font-size:23px;line-height:1.8;color:#5c7a70}.chart-frame{height:clamp(220px,35vh,370px);margin-top:17px}.chart-toolbar strong{font-size:11px}.mini-tabs{font-size:9px;gap:12px}.chart-dates{font-size:10px}.demo-caption{display:none}.feature-tags{flex-wrap:nowrap;gap:7px;margin-top:25px}.feature-tags>span{padding:10px 9px;font-size:10px;border-radius:30px}.feature-tags .icon{width:17px;height:17px}
.trade-panel{background-image:var(--studio);padding:6% 10%}.trade-panel:before{background:linear-gradient(90deg,#f8eee4d9,transparent 65%)}.trade-ticket{width:44%;max-width:470px;background:#fff6;border:2px solid #fff9;border-radius:18px;padding:20px}.trade-ticket h3{font-size:19px;margin-bottom:9px}.trade-ticket>div{font-size:13px;margin-top:5px;padding:11px 13px}.trade-ticket strong{font-size:12px}.peach-icon{padding:5px;background:#f9b99a}
.mt5-panel{background:linear-gradient(90deg,#103e31f5,#123d31d9 50%,#173e3238),var(--studio) center/cover;padding:6% 10%}.mt5-visual{gap:50px;width:49%}.mt5-visual>[data-phone]{width:clamp(180px,17vw,260px);transform:rotate(5deg)}.lot-card{width:180px;background:#ffffff22;border:1px solid #e5ecdf77;border-radius:14px;padding:17px}.mt5-panel .flow{font-size:15px;gap:17px}.lot-control input{width:44px}.lot-card label{font-size:13px}
.markets{padding-top:36px;padding-bottom:10px}.markets h2{font-size:38px}.market-grid{margin-top:20px;gap:16px}.market-card{min-height:190px;padding:24px 28px;background:url('assets/market-forex.png') center/cover}.market-card.crypto{background:url('assets/market-crypto.png') center/cover}.market-card h3{font-size:27px}.market-card p{font-size:11px;margin:3px 0 20px}.currency-art,.coin-art{display:none}.pair-tags span{font-size:9px;padding:6px;background:#fffc}.store-buttons{margin-top:18px}.store-badge{height:42px;min-width:130px;font-size:15px}.store-coming>small{font-size:8px}
.timeframe-section{margin-top:20px;background:linear-gradient(110deg,#faeaddaa,#fbf0e4);padding:5%;justify-content:center}.timeframe-section h2{font-size:34px}.timeframe-layout{margin-top:35px;gap:40px}.chart-stack{width:64%;height:190px}.chart-stack>div{height:125px;border-radius:7px;padding:12px;transform:none}.chart-stack>div.front{height:155px;transform:scale(1.12);border-color:#f3b99a}.chart-stack strong{font-size:15px}.timeframe-layout>p{font-size:16px;color:#7c867b}.timeframe-art{display:block;width:64%;height:auto;max-height:240px;object-fit:contain}
.experience{padding-top:28px;padding-bottom:0}.experience h2{font-size:32px}.section-subtitle{margin-top:5px;font-size:14px}.experience-grid{margin-top:25px;gap:32px}.experience-grid article{gap:24px}.experience-grid [data-phone]{width:110px}.experience-label h3{font-size:16px}.experience-label p{font-size:12px;max-width:160px}.benefits{padding-top:22px}.benefit-grid{gap:25px;margin-top:0}.benefit-grid article{padding:17px 20px;min-height:75px;background:#fff6;border:1px solid #fff9;border-radius:18px;gap:18px}.benefit-grid h3{font-size:13px}.benefit-grid p{font-size:11px}.benefit-icon{background:#fff9;border:none;border-radius:13px;width:42px;height:42px}.benefit-icon .icon{width:25px;height:25px}
.getting-started{padding-top:25px;padding-bottom:0}.getting-started h2{font-size:30px}.onboarding{display:grid;grid-template-columns:repeat(4,1fr) auto;margin:16px 0 0;padding:16px 15px;gap:15px;align-items:center;background:#ffffff60}.onboarding article{gap:9px}.onboarding article>span{width:31px;height:31px;color:#de926f;background:#fff5}.onboarding h3{font-size:11px}.onboarding p{font-size:10px;max-width:150px}.onboarding>.button{font-size:11px;padding:12px 20px;gap:15px}.faq{padding-top:25px;padding-bottom:0}.faq h2{font-size:30px}.faq-list{max-width:650px;margin-top:10px}.faq details{margin-top:5px;border-radius:8px;border-color:#e3e1d2;background:#fff3}.faq summary{font-size:11px;padding:7px 14px}.faq summary>span{width:16px;height:16px;background:none}.faq summary .icon{width:12px;height:12px}
.final-cta{padding:6% 10%;background:linear-gradient(90deg,#123e31f5,#123e31df 50%,#123e3133),var(--studio) center/cover;margin-top:20px}.final-cta h2{font-size:46px}.final-cta>[data-phone]{width:clamp(185px,18vw,270px);margin-right:10%}.final-cta .story{font-size:14px;margin-top:10px}.final-cta .button{padding:10px 25px;margin-top:20px}.footer-shell{padding-top:15px}.reference-footer .wordmark{font-size:20px}.reference-footer nav{gap:40px;padding-bottom:8px}.reference-footer p{font-size:8px}
/* High-resolution device shell with precise, accessible reference UI overlaid. */
.hero-controls{width:39%}.hero-phone{right:16%}
h1,h2{letter-spacing:-.045em;-webkit-text-stroke:.2px currentColor}.hero h1{letter-spacing:-.045em}
.feature-tags .icon-text{padding:0;background:none;border:0;box-shadow:none;border-radius:0;font-size:inherit}
.icon{stroke-width:2}.widget-icon .icon,.benefit-icon .icon{stroke-width:2.3}
.phone-chart:after{display:none}
.chart-stack>div{overflow:hidden}.chart-stack .tf-chart-graphic{height:calc(100% - 23px);min-height:60px;margin-top:5px}.chart-stack .tf-chart-graphic svg{display:block!important;width:100%!important;height:100%!important;overflow:visible}.chart-stack .tf-chart-graphic line{stroke-width:1.35}.chart-stack .tf-chart-graphic rect{opacity:1}
.chart-stack .tf-chart-graphic{position:relative;background:repeating-linear-gradient(0deg,transparent 0,transparent 23px,#71857614 24px),repeating-linear-gradient(90deg,transparent 0,transparent 35px,#71857614 36px);border-radius:4px}.chart-stack .tf-chart-graphic:after{content:'';position:absolute;inset:30% 7% 25%;background:linear-gradient(145deg,transparent 0 13%,#6e9c7a 14% 15%,transparent 16% 25%,#d29373 26% 27%,transparent 28% 38%,#6e9c7a 39% 40%,transparent 41% 52%,#6e9c7a 53% 54%,transparent 55% 68%,#d29373 69% 70%,transparent 71% 78%,#6e9c7a 79% 80%,transparent 81%);opacity:.95;pointer-events:none}
@media(max-width:380px){.mt5-panel .mt5-visual{gap:8%}.mt5-visual .lot-card{width:45%;padding:9px}.mt5-panel .mt5-visual>[data-phone]{width:45%}.analysis-panel .feature-tags{flex-wrap:wrap}.hero .actions{gap:6px}.hero .button{padding:10px 12px}}
.desktop-chart{padding:0!important;overflow:hidden}.desktop-chart>img{display:block;width:100%;height:auto;border-radius:14px}.desktop-chart:before{display:none!important}
dialog#app-dialog{display:none!important}
.button[data-download],a.button[href*="play.google.com"]{cursor:pointer}
a.button,a.store-badge{pointer-events:auto;position:relative;z-index:5}
.wordmark{display:block;width:160px;height:42px;font-size:0!important;line-height:0;background:url('logo.png') center/contain no-repeat;background-origin:content-box}.nav .wordmark{width:160px;height:42px}.site-footer-brand .wordmark{width:220px;height:58px}.dialog-icon{font-size:0;background:#173e32 url('favicon.png') center/70% no-repeat}
@media(max-width:760px){.nav .wordmark{width:132px;height:36px}.site-footer-brand .wordmark{width:170px;height:46px}}
@media(max-width:760px){.nav>.button{display:none}}
@media(min-width:761px) and (max-width:1150px){.footer{display:block!important;visibility:visible!important}.footer-shell{width:88%;padding-top:30px}.footer-top{grid-template-columns:1.4fr .8fr .9fr;gap:24px}.footer-bottom{display:grid}}
.getting-started>.button{display:flex;margin:28px auto 0}
@media(max-width:760px){.getting-started>.button{margin-top:24px}}
.timeframe-art-wrap{position:relative;width:64%;line-height:0}.timeframe-art{position:relative;z-index:2;width:100%;height:auto;display:block}.tf-label{position:absolute;z-index:3;top:7%;font-size:15px;line-height:1;font-weight:700;color:#466457;letter-spacing:.02em}.tf-5m{left:8%}.tf-15m{left:28%}.tf-1h{left:48%;top:5%;color:#173e32}.tf-4h{left:68%}.tf-1d{left:88%}
@media(max-width:760px){.timeframe-art-wrap{width:100%}.timeframe-art{width:100%;max-height:170px}.tf-label{font-size:10px;top:6%}.timeframe-layout{gap:24px}.timeframe-layout>p{margin-top:8px}}
.phone{background:#151c17;aspect-ratio:1/2.05;padding:0;border-radius:12%/6%;box-shadow:3px 5px 0 #c9c1ac,7px 10px 13px #34413326;container-type:inline-size;overflow:hidden}
.phone-hardware{position:absolute;left:-19%;top:-2%;width:138%;height:104%;object-fit:fill;clip-path:inset(2% 14% round 13% / 6%);pointer-events:none}
.phone-screen{inset:3% 4%;border-radius:10%/5%;padding:11% 6% 5%;background:#fffaf1;gap:2%}.phone-status{display:none}.island{top:1%;left:32%;width:36%;height:3%;background:#0c120e}.phone-head{font-size:7cqw;margin:5% 0 4%;letter-spacing:-.055em}.phone-head .icon{width:5cqw;height:5cqw}.phone-market{padding:5%;font-size:4.3cqw}.phone-tabs{font-size:3.3cqw;margin:3% 0}.phone-tabs b{padding:3%}.phone-button{font-size:5cqw;padding:7% 0;border-radius:9px}.phone-chart{position:relative;background:repeating-linear-gradient(0deg,transparent 0,transparent 35px,#49604409 36px)}.phone-chart:after{content:'2390.0\A\A2380.0\A\A2370.0\A\A2360.0';position:absolute;right:-1%;top:0;font-size:2.6cqw;white-space:pre;color:#8d9285;line-height:1.5}.phone-chart svg{width:90%;height:100%}.phone-dates{font-size:2.5cqw}.phone-demo{display:none}.phone-screen>.widget{padding:3%;font-size:4cqw}.phone-screen .widget-row{font-size:4cqw;min-height:0;padding:5%}.phone-screen .widget-title{font-size:4cqw;white-space:normal}.phone-analysis-title{font-size:5cqw;margin:8% 0 3%}.phone-analysis-row{font-size:4cqw;padding:6% 2%}.phone-insight{font-size:3.8cqw;padding:7%}.phone .pill{font-size:3.5cqw}.phone-trade .phone-analysis-row{padding:3%}.phone-screen .phone-button .icon{width:4cqw;height:4cqw}
@media(max-width:1150px) and (min-width:761px){.nav{min-width:0;width:65%}.hero-controls{left:9%;width:46%}.hero-phone{right:15%;width:230px}.feature-panel h2{font-size:37px}.hero-stage.studio{min-height:570px}.idea-phone{right:15%;width:220px}.mt5-visual{gap:18px}.lot-card{width:145px}.mt5-visual>[data-phone]{width:170px}.feature-tags{gap:4px}.feature-tags>span{font-size:8px;padding:8px 6px}.onboarding{grid-template-columns:repeat(4,1fr)}.onboarding>.button{grid-column:1/-1;justify-self:center}.step .widget{padding:10px}.step .widget-title{font-size:9px}.experience-grid article{gap:12px}.experience-grid [data-phone]{width:90px}}
@media(max-width:760px){.container,.footer-shell{width:90%}.header{padding-top:20px}.nav{width:90%;min-width:0;padding:10px 14px}.nav .wordmark{font-size:22px}.nav>.button{font-size:10px;padding:9px 15px}.hero-copy{padding:40px 0 28px}.hero h1{font-size:clamp(29px,7.5vw,42px);line-height:1.12}.hero .story{font-size:11px}.hero .actions{margin-top:18px}.hero .button{font-size:10px;padding:11px 15px;gap:10px}.hero-stage.studio{height:85svh;min-height:560px;max-height:780px;overflow:hidden;background-position:57% center}.hero-controls{top:7%;left:7%;width:70%;display:flex;flex-direction:row;align-items:center;gap:10px}.hero-controls .floating{width:56%;max-width:none}.hero-controls .floating+.floating{width:44%;margin-top:20px}.hero-controls .widget{padding:9px}.hero-controls .widget-title{font-size:7px;gap:3px;white-space:normal}.hero-controls .widget-row{font-size:8px;min-height:24px;padding:5px}.hero-controls .timeframe-buttons button{font-size:7px;padding:7px 1px}.hero-controls .asset-dot{width:13px;height:13px}.hero-phone{width:175px;right:15%;bottom:6%}.feature-panel{min-height:80svh}.feature-panel h2{font-size:33px}.idea{padding:35px 8%;min-height:85svh;background-position:65% center}.idea .section-copy{max-width:100%}.idea-phone{width:170px;right:18%;bottom:5%}.section-copy p,.analysis-panel .section-copy p{font-size:13px}.section-copy>.button{margin-top:20px}.steps{padding-top:40px}.steps h2{font-size:29px}.step-grid{gap:25px 14px;margin-top:25px}.step h3{font-size:20px}.step>p{font-size:11px}.step .widget{padding:11px}.step .widget-title{font-size:9px;white-space:normal}.step .widget-row{font-size:9px}.timeframe-buttons button{font-size:10px}.analysis-panel.studio{padding:35px 7%;background-image:linear-gradient(#f8eee4dc,#f8eee460),var(--studio);gap:35px}.analysis-panel .section-copy{text-align:center}.desktop-chart{padding:16px 10px 16px 25px}.desktop-chart:before{font-size:16px;padding:7px;left:-13px}.chart-frame{height:220px}.chart-toolbar strong{font-size:9px}.mini-tabs{font-size:7px;gap:6px}.chart-dates{font-size:7px}.feature-tags{gap:4px;justify-content:center}.feature-tags>span{font-size:8px;padding:8px 6px}.feature-tags .icon{width:13px;height:13px}.trade-panel{padding:35px 7%;gap:35px}.trade-ticket{width:100%;max-width:360px;padding:16px}.trade-ticket h3{font-size:18px}.trade-ticket>div{font-size:12px}.mt5-panel{padding:35px 6%;gap:10px}.mt5-visual{width:100%;gap:22px}.mt5-visual>[data-phone]{width:145px}.lot-card{width:140px;padding:12px}.mt5-panel .flow{font-size:11px;gap:10px}.markets{padding-top:32px}.markets h2{font-size:28px}.market-card{min-height:165px;padding:22px 20px}.market-card h3{font-size:24px}.market-card p{font-size:9px;max-width:160px}.pair-tags span{font-size:7px;padding:5px}.timeframe-section{padding:35px 6%}.timeframe-section h2{font-size:28px}.timeframe-layout{margin-top:30px}.chart-stack{width:100%;height:160px}.chart-stack>div{height:100px;padding:6px}.chart-stack>div.front{height:125px}.chart-stack strong{font-size:10px}.timeframe-layout>p{font-size:13px}.experience{padding-top:28px}.experience h2{font-size:27px}.section-subtitle{font-size:12px}.experience-grid{gap:13px}.experience-grid article{gap:16px}.experience-grid [data-phone]{width:80px;max-width:100%}.experience-label h3{font-size:13px}.experience-label p{font-size:9px}.benefits{padding-top:23px}.benefit-grid{gap:10px}.benefit-grid article{padding:16px 20px;min-height:72px}.getting-started{padding-top:28px}.getting-started h2{font-size:27px}.onboarding{grid-template-columns:1fr 1fr;gap:20px 10px;padding:16px 12px}.onboarding>.button{grid-column:1/-1;justify-self:center}.onboarding article>span{width:25px;height:25px;font-size:9px}.onboarding article{gap:7px}.onboarding h3{font-size:10px}.onboarding p{font-size:9px}.faq{padding-top:27px}.faq h2{font-size:27px}.faq summary{font-size:10px;padding:10px 12px}.final-cta{padding:35px 7%;gap:28px;min-height:85svh}.final-cta h2{font-size:32px}.final-cta .story{font-size:10px}.final-cta>[data-phone]{width:150px;margin:0}.reference-footer nav{gap:14px;font-size:8px}.reference-footer .wordmark{font-size:19px}}