:root{--ink:#101114;--muted:#6e7076;--line:#dedfe2;--blue:#afca0b;--paper:#f5f5f7;--dark:#080b10}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:#afca0b;color:#151900}
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.75,.2,1),transform .9s cubic-bezier(.2,.75,.2,1)}
[data-reveal].is-visible{opacity:1;transform:none}
.site-header{position:fixed;z-index:50;top:14px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 36px));height:62px;padding:0 14px 0 22px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.78);backdrop-filter:blur(22px) saturate(1.5);border-radius:21px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 40px rgba(0,0,0,.06)}
.logo{display:flex;align-items:flex-end;gap:4px;font-size:20px}.logo img{display:block;width:72px;height:auto}.logo span{color:#839700;font-size:18px;font-weight:800;line-height:.9}
.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.site-header nav>a:not(.nav-cta){color:#555861;transition:color .2s}.site-header nav>a:hover{color:#000}
.nav-cta{padding:11px 17px;border-radius:12px;background:#111;color:#fff!important;font-weight:700}
.menu-button{display:none;border:0;background:transparent;width:36px;height:36px;position:relative}.menu-button span{position:absolute;width:18px;height:1.5px;background:#111;left:9px;top:14px}.menu-button span+span{top:21px}
.hero{position:relative;overflow:hidden;padding:190px 24px 0;min-height:1100px;text-align:center;background:linear-gradient(#fff 0%,#fff 50%,#f4f6f9 100%)}
.hero-glow{position:absolute;width:900px;height:520px;left:50%;top:170px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(175,202,11,.17),transparent 67%);filter:blur(15px);pointer-events:none}
.kicker{margin:0 0 25px;color:var(--blue);font-weight:700;font-size:12px;letter-spacing:.2em}
.hero h1,.section-intro h2,.analysis-heading h2,.locations h2,.trust h2,.final h2{margin:0;font-weight:700;letter-spacing:-.066em;line-height:.94}
.hero h1{font-size:clamp(62px,8.8vw,134px)}
.hero h1 span,.section-intro h2 span,.analysis-heading h2 span,.trust h2 span,.final h2 span{color:#9a9ca2}
.hero-copy{font-size:clamp(19px,2.2vw,28px);line-height:1.42;letter-spacing:-.025em;color:#5e6168;margin:38px auto 24px}
.text-link{display:inline-flex;gap:10px;align-items:center;color:var(--blue);font-size:16px;font-weight:700;padding:14px}.text-link span{font-size:20px;transition:transform .25s}.text-link:hover span{transform:translateY(4px)}
.hero-screen{position:relative;width:min(1180px,92vw);margin:80px auto -210px}
.screenshot-card{position:relative;overflow:hidden;border:0;outline:0;border-radius:25px;background:transparent;box-shadow:0 38px 90px rgba(20,31,49,.16);aspect-ratio:16/10;text-align:left;isolation:isolate}
.screenshot-card>img{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.2,.75,.2,1)}
.screenshot-card:hover>img{transform:scale(1.012)}.screenshot-card>img.is-missing{display:none}
.screenshot-placeholder{position:absolute;inset:0;color:#fff;background:linear-gradient(145deg,#171c23,#0d1015)}.screenshot-card.has-image .screenshot-placeholder{display:none}.screenshot-placeholder:after{content:"";position:absolute;width:45%;height:70%;right:-5%;bottom:-30%;border-radius:50%;background:rgba(175,202,11,.13);filter:blur(55px)}
.placeholder-topbar{height:9%;min-height:34px;padding:0 2.2%;display:flex;align-items:center;gap:7px;border-bottom:1px solid #292e36;color:#858c97}.placeholder-topbar i{width:7px;height:7px;border-radius:50%;background:#363d47}.placeholder-topbar i:first-child{background:#afca0b}.placeholder-topbar span{margin-left:auto;font-size:clamp(6px,.7vw,10px);letter-spacing:.13em}
.placeholder-body{height:91%;display:grid;grid-template-columns:8% 1fr 26%;gap:2.4%;padding:2.4%}.placeholder-sidebar{border:1px solid #292f38;border-radius:12px;display:flex;flex-direction:column;align-items:center;padding-top:25%;gap:9%}.placeholder-sidebar i{width:34%;aspect-ratio:1;border-radius:6px;background:#303741}.placeholder-sidebar i:first-child{background:#afca0b}
.placeholder-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:7%;border:1px solid #292f38;border-radius:16px;background-image:linear-gradient(#20252c 1px,transparent 1px),linear-gradient(90deg,#20252c 1px,transparent 1px);background-size:28px 28px}.placeholder-content:before{content:"";position:absolute;inset:14%;z-index:-1;border:1px solid rgba(175,202,11,.45);border-radius:10px;background:rgba(175,202,11,.08)}
.placeholder-kicker{color:#c7dc38;font-size:clamp(7px,.8vw,11px);font-weight:800;letter-spacing:.13em}.placeholder-content strong{max-width:620px;margin-top:2%;font-size:clamp(18px,3vw,48px);letter-spacing:-.045em;line-height:1.05}.placeholder-content small{margin-top:2.5%;color:#8f97a2;font-size:clamp(7px,1vw,13px)}.placeholder-content code{align-self:flex-start;margin-top:4%;padding:9px 12px;border-radius:8px;background:#afca0b;color:#151900;font:700 clamp(7px,.9vw,12px) Arial,Helvetica,sans-serif}
.placeholder-panel{display:flex;flex-direction:column;gap:8%;padding:12%;border:1px solid #292f38;border-radius:16px}.placeholder-panel span{height:13%;border-radius:6px;background:#272e37}.placeholder-panel span:nth-child(2){width:78%}.placeholder-panel span:nth-child(3){width:58%}.placeholder-panel b{height:15%;margin-top:auto;border-radius:8px;background:#afca0b}
.screenshot-filename{position:absolute;z-index:3;right:14px;bottom:14px;padding:8px 10px;border-radius:8px;background:rgba(0,0,0,.62);backdrop-filter:blur(8px);color:#dce88d;font-size:9px;font-weight:700;letter-spacing:.04em;transition:opacity .2s}.screenshot-card>img:not(.is-missing)~.screenshot-filename{opacity:0}.hero-shot{border:0;transform:none}.hero-image{border-radius:18px;box-shadow:0 32px 80px rgba(20,31,49,.16)}.hero-image:hover>img{transform:none}
.product-shell{border-radius:27px;background:#11151b;padding:8px;box-shadow:0 50px 110px rgba(20,31,49,.22),0 8px 28px rgba(0,0,0,.16);text-align:left;overflow:hidden;transform:rotateX(2deg)}
.window-bar{height:54px;display:flex;align-items:center;padding:0 15px 0 22px;color:#9298a3;font-size:11px;border-bottom:1px solid #282d35}.window-brand{display:flex;align-items:flex-end;gap:3px}.window-brand img{width:53px;filter:brightness(0) invert(1)}.window-brand em{font-size:14px;font-weight:800;font-style:normal;color:#afca0b;line-height:.9}.window-path{margin:auto}.window-user{display:grid;place-items:center;width:29px;height:29px;background:#2a3039;border-radius:50%;color:#fff;font-size:10px}
.screen-layout{height:610px;display:grid;grid-template-columns:62px 1fr}.side-nav{border-right:1px solid #282d35;padding:25px 0;display:flex;flex-direction:column;align-items:center;gap:27px;color:#626a76;font-size:17px}.side-nav .nav-active{background:#afca0b;color:#fff;width:32px;height:32px;display:grid;place-items:center;border-radius:9px}
.screen-main{padding:22px}.screen-topline{display:flex;gap:18px;align-items:center;color:#fff;font-size:14px}.screen-topline>span{font-size:9px;font-weight:800;letter-spacing:.12em;padding:7px 9px;background:rgba(39,192,125,.15);color:#40d297;border-radius:6px}.screen-topline i{font-style:normal;margin-left:auto;color:#7d8490;font-size:11px}
.screen-grid{display:grid;grid-template-columns:1fr 285px;gap:18px;height:520px;margin-top:18px}.plate-view,.screen-panel{border:1px solid #292f38;background:#171b21;border-radius:16px}.plate-view{position:relative;display:grid;place-items:center;background-image:linear-gradient(#20252c 1px,transparent 1px),linear-gradient(90deg,#20252c 1px,transparent 1px);background-size:28px 28px}.plate-art{width:72%;height:66%;border-radius:3px;background:linear-gradient(135deg,#7f9500,#c6df25);box-shadow:0 18px 50px rgba(148,174,0,.23);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.plate-art span{font-size:clamp(42px,8vw,106px);letter-spacing:-.08em;font-weight:800}.plate-art small{font-size:10px;letter-spacing:.3em}.crop{position:absolute;width:18px;height:18px;border-color:#ffb322}.c1{left:12%;top:12%;border-left:2px solid;border-top:2px solid}.c2{right:12%;top:12%;border-right:2px solid;border-top:2px solid}.c3{left:12%;bottom:12%;border-left:2px solid;border-bottom:2px solid}.c4{right:12%;bottom:12%;border-right:2px solid;border-bottom:2px solid}.measure{position:absolute;color:#838b97;font-size:9px}.measure-x{bottom:5%;left:48%}.measure-y{left:4%;top:49%;transform:rotate(-90deg)}
.screen-panel{padding:20px;color:#fff}.panel-title{font-size:14px;font-weight:700;padding-bottom:17px;border-bottom:1px solid #2b3038}.panel-title span{float:right;font-size:9px;padding:5px 7px;color:#54d6a1;background:#1c3a30;border-radius:5px}.metric{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #292e35;font-size:11px;color:#858c96}.metric b{font-size:12px;color:#fff}.metric .good{color:#51d59e}.separations{display:flex;align-items:center;margin:20px 0}.separations i,.heatmap-foot i{width:13px;height:13px;border-radius:50%;margin-right:-3px;border:2px solid #171b21}.cyan{background:#19b9e6}.magenta{background:#ec3d9a}.yellow{background:#f8d83c}.black{background:#17191d}.separations span{margin-left:12px;color:#8e949d;font-size:10px}.screen-panel button{border:0;border-radius:10px;width:100%;padding:14px;background:#afca0b;color:#151900;font-size:11px;font-weight:700}.screen-panel button span{float:right}
.story{padding:320px 24px 140px;background:#f5f5f7}.section-intro{max-width:1100px;margin:0 auto 80px}.section-intro h2,.analysis-heading h2{font-size:clamp(54px,7vw,96px)}.section-intro>p:last-child,.analysis-heading+p,.locations-copy>p,.final-content>p{max-width:620px;font-size:20px;line-height:1.55;color:var(--muted);letter-spacing:-.02em;margin-top:33px}
.flow-card{position:relative;max-width:1180px;margin:auto;padding:60px 50px 48px;display:grid;grid-template-columns:repeat(4,1fr);border-radius:30px;background:#fff;box-shadow:0 20px 70px rgba(0,0,0,.05)}.flow-line{position:absolute;left:12%;right:12%;top:77px;height:2px;background:linear-gradient(90deg,#afca0b,#e2ee9b)}.flow-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.flow-step>span{width:36px;height:36px;display:grid;place-items:center;border:7px solid #f2f7d5;border-radius:50%;background:#afca0b;color:#fff;font-size:8px;z-index:1}.flow-step b{font-size:14px;margin-top:20px}.flow-step small{color:#94969c;font-size:11px;margin-top:7px}
.features{padding:160px 24px}.section-intro.center{text-align:center;margin-bottom:75px}.section-intro.center>p:last-child{margin:33px auto 0}.feature-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{min-height:540px;padding:48px;border-radius:34px;overflow:hidden;position:relative;background:#f5f7fa}.feature-card .eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--blue);font-size:10px}.feature-card h3{font-size:clamp(32px,3vw,47px);letter-spacing:-.05em;line-height:1.02;margin:18px 0}.feature-card>p:not(.eyebrow){max-width:430px;color:#686b72;line-height:1.55;font-size:16px}.feature-card.violet{background:#f5f2ff}.feature-card.violet .eyebrow{color:#7756e9}.feature-card.green{background:#eef8f4}.feature-card.green .eyebrow{color:#16865b}.feature-card.orange{background:#fff4ea}.feature-card.orange .eyebrow{color:#c9671c}
.mini{position:absolute;left:48px;right:48px;bottom:0;height:220px;background:rgba(255,255,255,.85);border-radius:22px 22px 0 0;box-shadow:0 20px 60px rgba(0,0,0,.08)}.timeline{display:flex;align-items:center;justify-content:space-around;padding:0 55px}.timeline:before{content:"";position:absolute;left:15%;right:15%;height:3px;background:#e5edb5}.timeline span{z-index:1;width:17px;height:17px;border:5px solid #fff;border-radius:50%;background:#d2df7d;box-shadow:0 0 0 2px #d2df7d}.timeline span:last-of-type{background:#afca0b;box-shadow:0 0 0 2px #afca0b}.timeline b{position:absolute;top:63px;right:50px;font-size:10px;color:#afca0b;background:#f2f7d5;padding:7px 10px;border-radius:7px}.recipe{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:8px;padding:22px}.recipe div{height:140px;border:1px solid #eeeaf8;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.recipe small{color:#9993a6;font-size:10px}.recipe b{margin-top:14px;font-size:20px}.proof{display:flex;align-items:center;padding:42px}.rings{width:95px;height:95px;position:relative}.rings i{position:absolute;border:3px solid #24b57a;border-radius:50%;inset:0}.rings i:nth-child(2){inset:15px}.rings i:nth-child(3){inset:30px;background:#24b57a}.proof p{display:flex;flex-direction:column;margin-left:26px}.proof p b{font-size:18px}.proof p span{font-size:11px;color:#7a807d;margin-top:7px}.proof>em{margin-left:auto;font-style:normal;display:grid;place-items:center;width:36px;height:36px;background:#20b67a;color:#fff;border-radius:50%}.production{padding:52px}.production>span{font-size:11px;color:#8d796b}.production .progress{height:7px;border-radius:10px;background:#eee5de;margin:18px 0 28px}.production .progress i{display:block;width:100%;height:100%;background:#e8873c;border-radius:10px}.production>b{font-size:12px;color:#c76b26;letter-spacing:.1em}
.analysis{padding:150px 24px;background:#f5f5f7}.analysis-heading{max-width:1180px;margin:0 auto 75px}.analysis-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.analysis-screen{border-radius:28px;background:#11151b;padding:22px;box-shadow:0 35px 80px rgba(22,29,41,.16)}.heatmap-head{display:flex;justify-content:space-between;color:#fff;font-size:12px;padding:3px 3px 20px}.heatmap-head span{color:#818995;font-size:10px}.heatmap{height:410px;position:relative;overflow:hidden;border-radius:15px;background:#0a0d12}.heat-art{position:absolute;border-radius:48% 52% 55% 45%;filter:blur(2px);opacity:.8}.h1{background:#08bfe8;width:52%;height:55%;left:6%;top:8%}.h2{background:#ea188c;width:39%;height:53%;right:8%;top:18%;mix-blend-mode:screen}.h3{background:#ffdf18;width:56%;height:40%;left:20%;bottom:8%;mix-blend-mode:screen}.h4{background:#2568ff;width:20%;height:25%;right:14%;bottom:8%}.scan-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;left:63%;box-shadow:0 0 20px #fff;animation:scan 5s ease-in-out infinite}.scan-label{position:absolute;left:calc(63% + 10px);top:15px;background:rgba(255,255,255,.92);font-size:9px;padding:7px 9px;border-radius:7px}@keyframes scan{50%{left:35%}}.heatmap-foot{display:flex;gap:18px;padding-top:18px;color:#949ba6;font-size:9px}.heatmap-foot span{display:flex;align-items:center}.heatmap-foot i{border-color:#11151b;margin-right:5px}
.analysis-item{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:25px 0;border-bottom:1px solid #d8d9dd}.analysis-item>span{font-size:10px;color:#a2a4a9;padding-top:7px}.analysis-item h3{font-size:23px;letter-spacing:-.04em;margin:0}.analysis-item p{font-size:14px;color:#777a81;line-height:1.5;margin:8px 0 0}
.locations{min-height:900px;padding:150px max(24px,calc((100vw - 1180px)/2));background:#080b10;color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;overflow:hidden}.kicker.light{color:#bfd52b}.locations h2{font-size:clamp(52px,6.4vw,94px)}.locations-copy>p{color:#9299a5}.stats{display:flex;gap:45px;margin-top:65px}.stats div{display:flex;flex-direction:column}.stats b{font-size:25px}.stats span{color:#707985;font-size:10px;margin-top:8px}.network{height:600px;position:relative}.orbit{position:absolute;border:1px solid #253141;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.o1{width:330px;height:330px}.o2{width:530px;height:530px}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;display:flex;align-items:baseline;justify-content:center;padding-top:50px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#c3dc20,#677700);box-shadow:0 0 80px rgba(175,202,11,.30)}.hub b{font-size:23px}.hub>span{color:#eaf3ad;font-size:23px;font-weight:700}.hub small{position:absolute;top:88px;font-size:8px;letter-spacing:.2em;color:#eff6c4}.node{position:absolute;font-size:10px;color:#a3aab5;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#111721;border:1px solid #273243;border-radius:20px}.node i{width:7px;height:7px;border-radius:50%;background:#36d091;box-shadow:0 0 9px #36d091}.n1{left:2%;top:25%}.n2{right:0;top:38%}.n3{left:15%;bottom:10%}
.trust{padding:160px 24px;background:#fff}.trust-inner{max-width:1180px;margin:auto}.trust h2{font-size:clamp(56px,7vw,100px)}.trust-dashboard{margin-top:80px;border:1px solid #e6e7e9;border-radius:30px;padding:28px 32px;box-shadow:0 25px 80px rgba(0,0,0,.06)}.dash-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ededee;padding-bottom:22px;font-size:12px}.dash-header>b{font-size:10px;color:#53a37e}.dash-header i{display:inline-block;width:7px;height:7px;background:#34c883;border-radius:50%;margin-left:7px}.dash-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:32px 0}.dash-row>div{padding-right:25px;border-right:1px solid #ececef;display:grid;grid-template-columns:1fr auto}.dash-row>div:last-child{border:0}.dash-row small{grid-column:1/-1;font-size:9px;color:#999ca2;letter-spacing:.1em}.dash-row b{font-size:40px;letter-spacing:-.05em;margin-top:10px}.dash-row em{font-style:normal;color:#3d9b70;font-size:9px;align-self:end;margin-bottom:7px}.dash-bars{height:150px;display:flex;align-items:end;gap:12px;padding-top:20px}.dash-bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(#afca0b,#e5edb5)}
.final{min-height:850px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;background:#f5f5f7;padding:120px 24px}.final-orb{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(175,202,11,.19),rgba(120,142,0,.07) 40%,transparent 68%);filter:blur(10px)}.final-content{position:relative;max-width:1000px}.final h2{font-size:clamp(55px,7.8vw,112px)}.final-content>p{margin:38px auto;max-width:720px}.final-content>a{display:inline-flex;gap:22px;align-items:center;border-radius:16px;padding:17px 24px;background:#111;color:#fff;font-size:14px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.12)}.final-content>a span{font-size:19px}
footer{height:100px;max-width:1180px;margin:auto;padding:0 5px;display:flex;align-items:center;gap:20px;color:#93959a;font-size:11px;border-top:1px solid #eee}footer>span{margin-left:auto}
.feature-card{min-height:610px}.feature-shot{position:absolute;left:35px;right:35px;bottom:0;border:0;border-radius:21px 21px 0 0;box-shadow:0 18px 55px rgba(0,0,0,.10)}.analysis-shot{border:0;border-radius:28px;box-shadow:0 35px 80px rgba(22,29,41,.13)}.trust-shot{margin-top:80px;border:0;border-radius:30px;box-shadow:0 25px 80px rgba(0,0,0,.07)}
@media(max-width:800px){.site-header{top:8px;width:calc(100% - 16px)}.site-header nav{display:none;position:absolute;left:0;right:0;top:68px;padding:20px;background:rgba(255,255,255,.96);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.12);flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.nav-cta{text-align:center}.menu-button{display:block}.hero{padding-top:150px;min-height:870px}.hero-screen{margin-top:55px;width:760px;left:50%;transform:translateX(-50%)}.product-shell{transform:scale(.76) rotateX(2deg);transform-origin:top center}.story{padding-top:170px}.flow-card{grid-template-columns:1fr 1fr;gap:45px 10px;padding:35px 15px}.flow-line{display:none}.feature-grid,.analysis-layout,.locations{grid-template-columns:1fr}.feature-card{min-height:490px;padding:35px}.mini{left:35px;right:35px}.analysis-layout{gap:50px}.analysis-screen{padding:13px}.heatmap{height:330px}.heatmap-foot{flex-wrap:wrap}.locations{padding-top:110px;padding-bottom:60px}.network{height:480px}.o2{width:430px;height:430px}.stats{gap:25px}.dash-row{grid-template-columns:1fr}.dash-row>div{border-right:0;border-bottom:1px solid #eee;padding:15px 0}.dash-bars{gap:5px}.final{min-height:700px}footer{margin:0 20px}footer p{display:none}}
@media(max-width:480px){.hero h1{font-size:56px}.hero-copy{font-size:18px}.hero-screen{transform:translateX(-50%) scale(.65);margin-bottom:-100px}.story{padding-top:80px}.section-intro h2,.analysis-heading h2,.locations h2,.trust h2,.final h2{font-size:48px}.section-intro>p:last-child,.locations-copy>p,.final-content>p{font-size:17px}.feature-card{min-height:465px}.mini.recipe{padding:12px}.mini.recipe div{height:120px}.proof{padding:25px}.analysis{padding-top:100px}.stats{flex-wrap:wrap}.network{height:400px}.o1{width:270px;height:270px}.o2{width:370px;height:370px}.trust-dashboard{padding:20px}.dash-header span{display:none}.dash-row b{font-size:34px}.dash-bars{height:110px}footer>span{display:none}}
@media(max-width:800px){.hero-shot{transform:scale(.76);transform-origin:top center}.feature-card{min-height:560px}.feature-shot{left:25px;right:25px}.placeholder-panel{display:none}.placeholder-body{grid-template-columns:10% 1fr}}
@media(max-width:480px){.feature-card{min-height:510px}.feature-shot{left:18px;right:18px}.screenshot-filename{right:8px;bottom:8px}.trust-shot{margin-top:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

/* Mobil ana ekran görseli düzeltmesi */
.hero-image,
.hero-main-image{
  box-sizing:border-box;
  max-width:100%;
}

.hero-main-image{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  border:0;
}

@media(max-width:800px){
  .hero{
    padding-right:16px;
    padding-left:16px;
  }

  .hero-screen{
    position:relative;
    left:auto;
    right:auto;
    width:100%;
    max-width:100%;
    margin:55px auto 0;
    transform:none;
  }

  .hero-shot,
  .hero-shot.hero-image{
    left:auto;
    right:auto;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:0 auto;
    transform:none;
    transform-origin:center;
  }

  .hero-shot > .hero-main-image{
    position:static;
    inset:auto;
    width:100%;
    max-width:100%;
    height:auto;
    margin:0 auto;
    object-fit:contain;
    transform:none;
  }
}

@media(max-width:480px){
  .hero-screen{
    width:100%;
    margin:45px auto 0;
    transform:none;
  }
}