/* Reference layout. Large feature cards occupy 80–100% of a desktop viewport. */
:root{--paper:#fcf6ed;--ivory:#f8eee4;--green:#173e32;--sage:#84978c;--peach:#eea183}
body{background:radial-gradient(ellipse at 50% 0,#fffaf4,transparent 65%),var(--paper)}
h1,h2,h3{font-weight:400;letter-spacing:-.055em}h1 strong,h2 strong{font-weight:400}
.container{width:88%;max-width:1440px}.nav{width:52%;min-width:620px;max-width:920px;padding:9px 13px 9px 24px;min-height:58px}.nav .wordmark{font-size:23px}.nav-links{font-size:11px}.nav-links a{padding:8px 16px}.hero-copy{padding:60px 0 38px}.hero h1{font-size:clamp(38px,4.1vw,64px);font-weight:400;line-height:1.06}.hero h1 em{color:var(--peach)}.story{margin-top:17px;font-size:15px}.hero .actions{margin-top:20px}.hero-stage{height:85svh;min-height:570px;max-height:1000px;border-radius:20px;background-position:center}.hero-controls{left:12%;top:35%;width:43%;gap:18px}.hero-controls .floating{width:56%;transform:none}.hero-controls .floating+.floating{width:46%;margin-top:38px;transform:none}.hero-phone{width:clamp(240px,27vw,410px);right:13%;bottom:3%;transform:rotate(4deg)}
.feature-panel{min-height:80svh;max-height:none;border-radius:20px;margin-top:20px}.feature-panel h2{font-size:clamp(35px,4vw,62px);font-weight:400}.section-copy p{font-size:clamp(14px,1.25vw,19px);color:#7a8278;line-height:1.5}.idea{padding:7% 10%}.idea .section-copy{max-width:55%}.idea-phone{width:clamp(230px,25vw,370px);right:14%;bottom:4%;transform:rotate(4deg)}.idea:before{background:linear-gradient(90deg,#f8eee4eb,#f8eee485 45%,transparent 80%)}
.section-space{padding-top:70px;padding-bottom:28px}.steps h2{font-size:clamp(30px,3.3vw,49px)}.steps .eyebrow{font-size:10px;letter-spacing:.3em}.step-grid{gap:22px;margin-top:35px}.step h3{font-size:23px;font-weight:400}.step>p{font-size:13px}.widget{padding:20px;border-radius:16px;background:#ffffff50;border:1px solid #fff9;box-shadow:0 8px 25px #96764e06}.widget-title{font-size:12px}.widget-row{font-size:12px;min-height:39px}.step-number{background:#fff5;border-color:#dfbda0}.step:not(:last-child) .step-number:after{background:#e8c0a5;width:calc(22vw - 95px)}
.analysis-panel{padding:6%;gap:6%;grid-template-columns:1.1fr 1fr}.desktop-chart{padding:24px 20px;transform:none;border-radius:20px}.chart-frame{height:clamp(230px,36vh,460px)}.chart-toolbar{font-size:12px}.chart-toolbar strong{font-size:12px}.mini-tabs{font-size:10px}.feature-tags{gap:8px;flex-wrap:wrap}.feature-tags span{font-size:11px;padding:12px}.trade-panel{padding:7% 10%;gap:7%}.trade-ticket{width:43%;max-width:480px;padding:25px;background:#fff7}.trade-ticket h3{font-size:22px}.trade-ticket>div{padding:14px;font-size:14px}.trade-ticket strong{font-size:13px}.mt5-panel{padding:6% 9%}.mt5-visual{width:50%;gap:30px}.mt5-visual>[data-phone]{width:clamp(210px,22vw,320px)}.lot-card{width:190px;padding:20px}.lot-control{margin:18px 0}.mt5-panel .section-copy{max-width:48%}
.markets>h2{font-size:clamp(30px,3.2vw,48px)}.market-grid{gap:20px}.market-card{min-height:270px;padding:35px;background:linear-gradient(90deg,#f9ecdfd9,#f6e6d26b),var(--studio) center/cover}.market-card.crypto{background:linear-gradient(90deg,#f9ecdfdc,#d9c5ab66),var(--studio) right center/cover}.market-card h3{font-size:29px;font-weight:400}.market-card p{font-size:12px}.currency-art{font-size:115px;right:25px}.coin-art{right:24px;bottom:25px}.coin-art span,.coin-art b{width:105px;height:130px;font-size:80px}.pair-tags span{font-size:10px}.timeframe-section{display:flex;flex-direction:column;justify-content:center;padding:5%}.timeframe-section h2{font-size:clamp(30px,3.2vw,48px)}.timeframe-layout{margin-top:55px;gap:40px}.chart-stack{height:240px}.chart-stack>div{height:165px;padding:13px}.chart-stack>div.front{height:200px;border-color:#efb193;background:#fffaf4}.chart-stack strong{font-size:16px}.timeframe-layout>p{font-size:17px}.experience h2,.benefits h2,.getting-started h2,.faq h2{font-size:clamp(28px,2.7vw,40px)}.experience-grid{margin-top:35px;gap:35px}.experience-grid [data-phone]{width:150px}.experience-label h3{font-size:18px}.experience-label p{font-size:13px;max-width:160px}.benefit-grid article{border-radius:17px;min-height:94px}.benefit-grid h3{font-size:14px;font-weight:400}.benefit-grid p{font-size:12px}.onboarding{padding:20px;background:#fff6;border:1px solid #fff;border-radius:16px;gap:18px}.onboarding h3{font-size:12px}.onboarding p{font-size:11px}.faq-list{max-width:750px}.faq summary{font-size:13px;padding:14px 18px}.final-cta{padding:6% 10%;min-height:80svh}.final-cta h2{font-size:clamp(35px,4vw,62px)}.final-cta>[data-phone]{width:clamp(230px,25vw,350px);margin-right:4%}.final-cta .story{font-size:15px}.final-cta .button{margin-top:20px}
.footer{margin:0;background:transparent;color:var(--green);padding:0;overflow:visible}.footer:before,.footer:after{display:none}.footer-shell{width:88%;max-width:1440px;padding:22px 0 18px}.reference-footer{display:flex;align-items:center;gap:35px}.reference-footer .wordmark{color:var(--green);font-size:21px}.reference-footer p{font-size:9px;letter-spacing:0;margin:0}.reference-footer nav{flex:1;display:flex;align-items:center;justify-content:center;gap:40px;border-bottom:1px solid #d9d9c8;padding:0 0 12px;font-size:10px;color:#7b897e}.reference-footer>a{font-size:10px;color:#8d9789}.generated-phone{display:block;width:100%;height:auto;filter:drop-shadow(8px 15px 12px #1e39252b)}
@media(min-width:1800px){.container,.footer-shell{width:82%}}
@media(max-width:1100px){.nav{width:75%;min-width:0}.hero-controls{left:6%;width:47%}.hero-phone{right:8%}.mt5-panel{padding:5%}.mt5-visual{gap:14px}.lot-card{width:150px}.mt5-visual>[data-phone]{width:200px}.feature-tags span{font-size:9px;padding:8px}.experience-grid{gap:15px}.experience-grid [data-phone]{width:110px}.experience-label p{font-size:11px}.market-card{padding:25px}.currency-art{font-size:85px}.coin-art span,.coin-art b{width:80px;height:100px;font-size:60px}}
@media(max-width:760px){.container{width:90%}.nav{width:90%;min-width:0}.nav-links{font-size:12px}.hero-copy{padding:42px 0 28px}.hero h1{font-size:clamp(29px,7.8vw,43px)}.hero .story{font-size:11px}.hero .actions{gap:8px}.hero-stage{height:80svh;min-height:480px;max-height:750px}.hero-controls{left:6%;top:8%;width:48%;gap:12px}.hero-controls .floating{width:100%}.hero-controls .floating+.floating{width:90%;margin-top:0}.hero-phone{width:clamp(175px,48vw,270px);right:6%;bottom:3%}.feature-panel{min-height:80svh;max-height:none;margin-top:18px}.feature-panel h2{font-size:34px}.idea{padding:35px 8%;min-height:85svh}.idea .section-copy{max-width:100%}.idea-phone{width:clamp(170px,45vw,240px);right:15%;bottom:18px}.section-copy p{font-size:13px}.section-space{padding-top:48px;padding-bottom:20px}.step-grid{gap:26px 14px}.step h3{font-size:21px}.step>p{font-size:11px}.widget{padding:12px}.widget-title{font-size:10px}.widget-row{font-size:10px}.analysis-panel{display:flex;flex-direction:column;justify-content:center;padding:35px 6%;gap:35px}.analysis-panel .section-copy{order:-1;text-align:center}.desktop-chart{width:100%;padding:16px 10px}.chart-frame{height:240px}.chart-toolbar,.chart-toolbar strong{font-size:9px}.mini-tabs{font-size:7px}.trade-panel{flex-direction:column;justify-content:center;padding:35px 7%;gap:35px}.trade-ticket{width:100%;max-width:370px;padding:18px}.trade-ticket>div{font-size:12px;padding:12px}.mt5-panel{padding:35px 6%;display:flex;flex-direction:column;justify-content:center}.mt5-panel .section-copy{max-width:100%;text-align:center}.mt5-visual{width:100%;gap:16px;margin-top:30px}.mt5-visual>[data-phone]{width:clamp(145px,40vw,200px)}.lot-card{width:140px;padding:13px}.market-card{min-height:220px}.market-card h3{font-size:26px}.market-card p{font-size:10px}.currency-art{font-size:85px;right:20px}.pair-tags span{font-size:8px}.timeframe-section{padding:35px 5%}.timeframe-section h2{font-size:29px}.timeframe-layout{margin-top:35px;width:100%}.chart-stack{width:100%;height:180px}.chart-stack>div{height:110px;padding:5px}.chart-stack>div.front{height:145px}.chart-stack strong{font-size:10px}.timeframe-layout>p{font-size:13px;margin-top:30px}.experience-grid{gap:10px}.experience-grid [data-phone]{width:100%;max-width:110px}.experience-label h3{font-size:14px}.experience-label p{font-size:10px}.benefit-grid article{min-height:85px}.onboarding{padding:18px 12px;gap:20px 12px}.onboarding h3{font-size:11px}.onboarding p{font-size:10px}.faq summary{font-size:11px}.final-cta{padding:38px 7% 22px;justify-content:center;gap:25px;min-height:85svh}.final-cta h2{font-size:34px}.final-cta .story{font-size:10px}.final-cta>[data-phone]{width:175px;margin:0}.footer-shell{width:90%;padding:20px 0}.reference-footer{flex-wrap:wrap;gap:15px}.reference-footer nav{gap:20px;justify-content:flex-end;font-size:9px}.reference-footer>a{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.generated-phone{clip-path:inset(2% 14% 2% 14% round 13% / 6%);transform:scaleX(1.15);filter:none}
.generated-icon{display:inline-block;flex-shrink:0;width:42px;height:42px;border-radius:12px;background-image:url('assets/qiro-icons.png');background-size:465% 310%;background-repeat:no-repeat;vertical-align:middle}
.generated-icon-bars{background-position:15.8% 18.8%}.generated-icon-clock{background-position:50% 18.8%}.generated-icon-sliders{background-position:84.2% 18.8%}.generated-icon-layers{background-position:15.8% 82%}.generated-icon-link{background-position:50% 82%}.feature-tags .generated-icon{width:25px;height:25px;border-radius:7px;margin-right:5px}
.analysis-panel.studio{background-image:linear-gradient(90deg,#f8eee440,#f8eee4df 60%,#f8eee4f2),var(--studio)}
@media(max-width:760px){.analysis-panel.studio{background-image:linear-gradient(#f8eee4e8,#f8eee4aa),var(--studio)}.idea:before{background:linear-gradient(#f8eee4ed 0%,#f8eee4b0 40%,transparent 80%)}}