
/* GraphMyTrade Sales / v4. Official repo palette + calm editorial product UI */
:root{--v4-paper:#f7f5f3;--v4-white:#fff;--v4-ink:#282521;--v4-taupe:#746d68;--v4-rose:#84385e;--v4-rose-light:#f1e6ed;--v4-line:#e7e1dd;--v4-radius:26px;--v4-dark:#282521}
html{scroll-padding-top:90px}body.v4-body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--v4-paper);color:var(--v4-ink);line-height:1.58;font-size:16px;-webkit-font-smoothing:antialiased}
.v4-body h1,.v4-body h2,.v4-body h3{color:inherit;font-family:inherit;letter-spacing:-.06em;font-weight:650}
.v4-body h1,.v4-body h2,.v4-body h3,.v4-body p{margin:0}
.v4-body a{text-decoration:none;color:inherit}.v4-wrap{max-width:1260px;margin:0 auto;width:calc(100% - 84px)}
.v4-section{padding:108px 0}.skip-link{position:fixed;top:-70px;left:20px;z-index:200;background:white;color:var(--v4-ink);padding:10px 18px}.skip-link:focus{top:12px}
.v4-header{position:sticky;top:0;z-index:100;background:#f7f5f3ee;border-bottom:1px solid #ebe5e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav-row{height:79px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.v4-brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:740;letter-spacing:-.065em;white-space:nowrap}
.v4-brand img{width:34px;height:34px;object-fit:contain}
.v4-nav{display:flex;gap:35px;align-items:center}.v4-nav a{font-size:13px;color:#645e59;transition:color .2s}.v4-nav a:hover{color:var(--v4-rose)}
.v4-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;border-radius:11px;padding:13px 21px;font-size:13px;letter-spacing:-.005em;font-weight:650;line-height:1.2;white-space:nowrap;transition:transform .27s cubic-bezier(.2,.8,.2,1),box-shadow .27s ease,background .27s ease;color:inherit}
.v4-button:hover{transform:translateY(-2px)}.v4-button:active{transform:translateY(0)}
.v4-button-dark{background:var(--v4-dark);color:#fff!important;box-shadow:0 10px 30px -22px #222a}.v4-button-dark:hover{background:#493047;box-shadow:0 14px 32px -20px #84385e77}
.v4-button-quiet{border:1px solid #dfd8d4;background:#fff;color:#423b39!important}
.v4-button-white{background:#fff;color:#552846!important}.v4-button-white:hover{background:#f6edf2}
.v4-body .nav-toggle{display:none;width:44px;height:44px}.v4-body .mobile-menu{background:#fff;border-top:1px solid #eee7e3;padding:15px 30px 25px}
.v4-body .mobile-menu:not([hidden]){display:grid;gap:4px}.v4-body .mobile-menu a{padding:12px 6px;font-size:15px}
.v4-hero{padding-top:85px;padding-bottom:42px;position:relative;overflow:hidden}
.v4-hero:before{content:"";position:absolute;pointer-events:none;width:700px;height:560px;top:-270px;left:50%;background:radial-gradient(ellipse,#eedee777 0%,transparent 70%);transform:translateX(-50%)}
.v4-hero-copy{text-align:center;position:relative;max-width:830px;margin:0 auto 45px}
.v4-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:750;color:#806773;display:flex;align-items:center;justify-content:center;gap:10px}
.v4-status-dot{height:7px;width:7px;border-radius:50%;background:#8d486c;box-shadow:0 0 0 5px #e9d6e0}
.v4-hero h1{font-size:clamp(52px,6.55vw,93px);letter-spacing:-.084em;line-height:1.035;margin:24px 0 23px}
.v4-hero h1 span{color:var(--v4-rose)}
.v4-hero-copy>p{font-size:17px;color:#756e6a;line-height:1.77;max-width:650px;margin:0 auto}
.v4-actions{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:30px}
.v4-proof{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 27px;margin-top:27px;color:#857c78;font-size:12px}
.v4-proof i{font-style:normal;margin-right:6px;color:#955477}
.v4-product{position:relative;max-width:1180px;margin-inline:auto;padding:9px;background:#272421;border:1px solid #514f4d;border-radius:19px;box-shadow:0 38px 70px -46px #16121475,0 20px 90px -38px #84385e30}
.v4-window-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 13px 14px;color:#d5d0cc;font-size:11px;letter-spacing:.015em}
.v4-window-dots{display:flex;gap:6px}.v4-window-dots i{width:7px;height:7px;border-radius:50%;background:#827d79}
.v4-window-dots i:first-child{background:#bb6e79}.v4-window-dots i:nth-child(2){background:#baa18b}.v4-window-dots i:nth-child(3){background:#758b82}
.v4-windows-tag{font-size:10px;color:#928b87;font-weight:700;letter-spacing:.12em}
.v4-product img{width:100%;height:auto;border-radius:9px;display:block;background:#f2efec;aspect-ratio:1910/983}
.v4-image-note{font-size:11px;color:#9b928d;text-align:center;margin-top:18px!important}
.v4-rail{border-top:1px solid var(--v4-line);border-bottom:1px solid var(--v4-line);background:#fff8}
.v4-rail-inner{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:72px}
.v4-rail-inner span{font-size:10px;letter-spacing:.14em;color:#ae989f;font-weight:700}
.v4-rail-inner b{font-weight:590;letter-spacing:-.015em;color:#4f444a;font-size:14px}
.v4-section-title{margin-bottom:44px}
.v4-kicker{font-size:11px;letter-spacing:.15em;font-weight:750;color:#925773;margin-bottom:15px!important}
.v4-section-title h2,.v4-story-title h2,.v4-review-grid h2,.v4-price-copy h2,.v4-faq h2{font-size:clamp(37px,4.6vw,64px);line-height:1.09;letter-spacing:-.065em}
.v4-section-title h2 span{color:#9b8b8c}
.v4-bento{display:grid;grid-template-columns:1.16fr .84fr;gap:16px}
.v4-feature{border:1px solid #e7e0dd;border-radius:25px;padding:34px 35px;min-height:365px;background:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 17px 35px -42px #2c1f2c55;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .35s}
.v4-feature:hover{transform:translateY(-5px);border-color:#dacdd6;box-shadow:0 24px 50px -37px #442c3f4f}
.v4-feature h3{font-size:clamp(24px,2.4vw,35px);margin:16px 0 10px;letter-spacing:-.055em;font-weight:630}
.v4-feature p{font-size:14px;line-height:1.7;color:#837777;max-width:380px}
.v4-chip{font-size:10px;letter-spacing:.14em;color:#a16b83;font-weight:700}
.v4-api-tile{background:#2c2929;border-color:#2c2929;color:#fbf7fa;min-height:375px}
.v4-api-tile h3{color:#fff}.v4-api-tile p{color:#c8bfc4}
.v4-api-diagram{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:auto;padding-top:27px}
.v4-api-box{border:1px solid #696069;background:#373136;border-radius:11px;padding:19px 16px;font-size:11px;letter-spacing:.08em;color:#fff;white-space:nowrap}
.v4-api-pulse{color:#d99bba;margin-left:14px;animation:v4pulse 2.8s ease-in-out infinite}
.v4-api-link{display:flex;gap:6px;align-items:center}.v4-api-link i{width:7px;height:7px;border-radius:50%;background:#bc7298;opacity:.3;animation:v4pulse 1.5s ease-in-out infinite}
.v4-api-link i:nth-child(2){animation-delay:.22s}.v4-api-link i:nth-child(3){animation-delay:.44s}
.v4-api-destination{background:#f5e8ef;color:#432b3b;border:1px solid #eacbdc;font-weight:650;display:flex;align-items:center;gap:9px;letter-spacing:0}
.v4-api-destination img{height:20px;width:20px}
.v4-options-tile{background:#f7f0f4}
.v4-visual-chart{margin-top:auto;position:relative;height:124px;padding-top:20px;overflow:hidden}
.v4-visual-chart svg{position:absolute;width:100%;height:95px;top:5px;left:0;z-index:1}
.chart-grid{position:absolute;inset:10px 0 18px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#dfced922 30px,#dfced922 31px)}
.v4-mini-tabs{position:absolute;bottom:0;left:0;z-index:2;display:flex;gap:6px}
.v4-mini-tabs span{background:#fff9;color:#7f5c6d;font-size:10px;padding:5px 10px;border:1px solid #eddee7;border-radius:6px}
.v4-swing-tile{background:#f4f3f0}
.v4-candle-wrap{margin-top:auto;height:125px;position:relative;display:flex;align-items:flex-end}
.v4-candles{width:100%;height:102px;display:flex;align-items:flex-end;justify-content:space-between;gap:5px}
.v4-candles i{width:4.6%;height:40%;background:#b66d8b;border-radius:3px;position:relative;opacity:.7}
.v4-candles i:after{content:"";width:1px;position:absolute;height:155%;background:inherit;left:50%;top:-22%;transform:translateX(-50%)}
.v4-candles i:nth-child(2n){background:#6a887b}.v4-candles i:nth-child(2){height:31%}.v4-candles i:nth-child(3){height:54%}.v4-candles i:nth-child(4){height:44%}.v4-candles i:nth-child(5){height:70%}.v4-candles i:nth-child(6){height:38%}.v4-candles i:nth-child(7){height:68%}.v4-candles i:nth-child(8){height:53%}.v4-candles i:nth-child(9){height:79%}.v4-candles i:nth-child(10){height:60%}.v4-candles i:nth-child(11){height:84%}.v4-candles i:nth-child(12){height:72%}.v4-candles i:nth-child(13){height:90%}.v4-candles i:nth-child(14){height:81%}.v4-candles i:nth-child(15){height:100%}
.v4-candle-guide{position:absolute;left:0;top:0;color:#b7b0ac;font-size:10px;letter-spacing:.12em}
.v4-journal-tile{background:#f5edf2}
.v4-journal-ui{margin-top:auto;background:#fff;border:1px solid #ead8e3;border-radius:13px;padding:15px 18px;box-shadow:0 15px 22px -22px #522d4c}
.v4-journal-ui>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}
.v4-journal-ui>div:first-child span{font-size:10px;color:#a398a0}.v4-journal-ui>div:first-child b{font-size:12px;color:#684f62}
.v4-journal-lines{display:grid;gap:7px;margin:14px 0}.v4-journal-lines i{height:5px;background:#eee5eb;border-radius:2px;width:94%}.v4-journal-lines i:nth-child(2){width:72%}.v4-journal-lines i:nth-child(3){width:82%}
.v4-journal-pills{display:flex;gap:5px}.v4-journal-pills span{background:#f7edf2;color:#96667d;font-size:10px;border-radius:5px;padding:5px 7px}
.v4-bento-note{text-align:center;color:#968e8a;font-size:11px;margin-top:25px!important}
.v4-story{background:#fff;border-block:1px solid #eee7e2}
.v4-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:14%;align-items:center}
.v4-story-title p:not(.v4-kicker){margin:19px 0 23px;color:#817774;max-width:390px;font-size:15px}
.v4-text-link{font-weight:650;color:var(--v4-rose)!important;font-size:13px;display:inline-block;margin-top:4px}
.v4-text-link:hover{text-decoration:underline}
.v4-steps{display:grid}.v4-step{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid #ece6e1}
.v4-step:first-child{border-top:1px solid #ece6e1}
.v4-step>span{font-size:14px;color:var(--v4-rose);font-weight:650}
.v4-step h3{font-size:21px;margin-bottom:4px}.v4-step p{font-size:13px;color:#8c817d;line-height:1.6}
.v4-review-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;align-items:center}
.v4-review-grid>div:first-child>p:last-child{color:#827873;margin-top:20px;font-size:14px;max-width:360px}
.v4-review-display{border:1px solid #e6dce2;background:#fff;border-radius:22px;padding:30px;min-height:170px}
.v4-stars-note{font-weight:680;color:#573b4b;font-size:16px;margin-bottom:12px}
.v4-review-display #verified-reviews{font-size:13px;color:#8b7d82;line-height:1.7}
.v4-review-display .review-card{padding:10px 0;border-bottom:1px solid #eee}.v4-review-display .review-card blockquote{font-size:14px;margin:8px 0}.v4-review-display .review-card footer{display:flex;gap:15px;font-size:12px}
.v4-review-display .v4-text-link{margin-top:20px}
.v4-pricing{padding-top:50px}
.v4-price-panel{display:grid;grid-template-columns:1fr .85fr;gap:12%;align-items:center;padding:65px 75px;background:#ebe2e8;border:1px solid #e5d6e0;border-radius:31px}
.v4-price-copy>p:last-child{max-width:420px;color:#81727a;font-size:15px;margin-top:18px}
.v4-buy-panel{display:flex;flex-direction:column;gap:17px;background:#fff;border-radius:23px;padding:35px;border:1px solid #e9dfe4}
.v4-buy-panel>p{color:#a36e88;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.v4-buy-panel strong{font-size:clamp(22px,2.2vw,31px);letter-spacing:-.055em;line-height:1.1}
.v4-buy-panel>span{font-size:12px;color:#928589;line-height:1.7}.v4-buy-panel .v4-button{width:100%}
.v4-subtle-link{font-size:12px;text-align:center;color:#877985!important}
.v4-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:10%}.v4-faq-list{border-top:1px solid #ded8d3}
.v4-faq .faq-item{border:0;border-bottom:1px solid #e4ded9;border-radius:0;padding:0;background:transparent}
.v4-faq .faq-item summary{padding:22px 20px 22px 0;position:relative;font-size:15px;font-weight:650;list-style:none;cursor:pointer;color:#3e3835}
.v4-faq .faq-item summary::-webkit-details-marker{display:none}.v4-faq .faq-item summary:after{content:"+";font-size:20px;position:absolute;right:4px;top:17px;font-weight:400;color:#936681}
.v4-faq .faq-item[open] summary:after{content:"−"}
.v4-faq .faq-item p{font-size:13px;color:#807875;line-height:1.75;padding:0 24px 20px 0}
.v4-last{text-align:center;background:#30272e;color:#fff;padding:83px 20px 90px}
.v4-last img{margin:0 auto 17px;background:#fff;border-radius:12px;padding:6px}.v4-last h2{font-size:clamp(31px,4vw,51px);letter-spacing:-.055em;color:#fff}
.v4-last p{color:#d2c6cf;font-size:14px;margin:15px auto 26px}
.v4-footer{background:#282521;color:#eae5e2;padding:44px 0 23px}
.v4-footer-top{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-bottom:33px}
.v4-footer .v4-brand{font-size:19px}.v4-footer .v4-brand img{border-radius:5px;background:#fff;padding:3px}
.v4-footer nav{display:flex;gap:20px;flex-wrap:wrap}.v4-footer nav a{font-size:12px;color:#c5beba}.v4-footer nav a:hover{color:white}
.v4-foot-bottom{border-top:1px solid #49433d;display:flex;justify-content:space-between;gap:20px;padding-top:18px;font-size:11px;color:#aba19b}
.v4-consent{position:fixed;bottom:17px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 32px));z-index:140;background:#fff;border:1px solid #e2d8df;box-shadow:0 22px 65px -20px #29232f44;border-radius:15px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.v4-consent[hidden]{display:none}.v4-consent strong{font-size:13px}.v4-consent p{font-size:12px;color:#8e8187;margin-top:3px}
.v4-consent-actions{display:flex;gap:7px;flex-shrink:0}.v4-consent-actions button{background:#f1e9ee;color:#593e4e;border-radius:7px;padding:10px 12px;font-size:11px;border:0}
.v4-consent-actions button:last-child{background:#292427;color:#fff}
.v4-reveal{opacity:0;transform:translateY(19px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}
.v4-reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes v4pulse{0%,100%{opacity:.3}50%{opacity:1}}
@media(min-width:1000px){.v4-product{transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease}.v4-product:hover{transform:translateY(-5px);box-shadow:0 52px 85px -53px #1612147a,0 26px 100px -35px #84385e35}}
@media(max-width:1020px){.v4-wrap{width:calc(100% - 52px)}.v4-nav{gap:18px}.v4-brand{font-size:19px}.v4-price-panel{padding:45px;gap:6%}.v4-feature{padding:29px 27px}.v4-api-diagram{gap:7px}}
@media(max-width:740px){html{scroll-padding-top:75px}.v4-wrap{width:calc(100% - 36px)}.v4-section{padding:74px 0}.nav-row{height:68px}.v4-brand{font-size:19px}.v4-nav,.desktop-cta{display:none}.v4-body .nav-toggle{display:block}
.v4-hero{padding-top:63px;padding-bottom:28px}.v4-hero h1{font-size:clamp(46px,10.5vw,65px);margin:22px auto 19px;line-height:1.04;letter-spacing:-.077em}
.v4-hero-copy{margin-bottom:35px}.v4-hero-copy>p{font-size:14px;line-height:1.7;max-width:485px}.v4-eyebrow{font-size:9px;letter-spacing:.1em}
.v4-actions{gap:8px;flex-wrap:wrap;margin-top:27px}.v4-button{min-height:46px;padding:12px 15px;font-size:12px;gap:9px}.v4-proof{gap:9px 14px;font-size:10px;line-height:1.6;margin-top:20px}
.v4-product{padding:5px;border-radius:12px}.v4-window-head{padding:5px 7px 9px;font-size:9px}.v4-product img{border-radius:6px}.v4-window-dots i{width:5px;height:5px}.v4-windows-tag{font-size:8px}
.v4-image-note{font-size:9px;line-height:1.5;margin-top:10px!important}
.v4-rail-inner{flex-wrap:wrap;justify-content:center;gap:10px 19px;padding:15px 0}.v4-rail-inner span{width:100%;text-align:center;font-size:9px}.v4-rail-inner b{font-size:12px}
.v4-section-title{margin-bottom:25px}.v4-section-title h2,.v4-story-title h2,.v4-review-grid h2,.v4-price-copy h2,.v4-faq h2{font-size:clamp(35px,7.5vw,48px)}
.v4-bento{grid-template-columns:1fr;gap:12px}.v4-feature{min-height:295px;border-radius:20px;padding:27px}.v4-feature h3{font-size:27px}.v4-api-diagram{gap:8px}.v4-api-box{padding:15px 10px;font-size:9px}.v4-api-pulse{margin-left:5px}
.v4-story-grid,.v4-review-grid,.v4-price-panel,.v4-faq-grid{grid-template-columns:1fr;gap:35px}
.v4-story-title p:not(.v4-kicker){font-size:14px}.v4-steps{margin-top:5px}.v4-step{padding:18px 0}
.v4-price-panel{width:calc(100% - 24px);padding:28px 21px;border-radius:25px;gap:27px}.v4-buy-panel{padding:25px 21px;border-radius:16px}
.v4-last{padding:67px 10px}.v4-footer-top{flex-direction:column;align-items:flex-start;gap:25px}.v4-footer nav{gap:14px 20px}.v4-footer .v4-brand{font-size:18px}
.v4-foot-bottom{flex-direction:column;gap:6px}.v4-consent{align-items:stretch;flex-direction:column;gap:10px}
.v4-consent-actions{justify-content:flex-end}
}
@media(max-width:390px){.v4-hero h1{font-size:42px}.v4-actions .v4-button{width:100%}.v4-proof span{font-size:9px}.v4-api-box{font-size:8px}.v4-api-link i{width:4px;height:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.v4-reveal{opacity:1;transform:none;transition:none}.v4-button,.v4-feature,.v4-product{transition:none}.v4-api-link i,.v4-api-pulse{animation:none;opacity:1}}
