@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');

:root{--iron:#070a09;--iron-card:#111613;--iron-card-2:#171d19;--iron-line:#2a322d;--iron-gold:#d4ad43;--iron-gold-light:#f0d77a;--iron-white:#f4f2eb;--iron-muted:#a4afa8;--iron-green:#0f3b28}
.iron-page{background:var(--iron);color:var(--iron-white);font-family:"Barlow","Noto Sans TC",sans-serif;overflow-x:hidden}
.iron-page .topline{height:4px;background:linear-gradient(90deg,#121915 0 62%,var(--iron-gold) 62%)}
.iron-nav{background:#faf8f0;color:#112a1d;position:relative;z-index:20}
.iron-nav .nav-links{gap:20px}
.iron-nav .nav-links a{font-size:13px}
.iron-nav .nav-links .active,.iron-nav .nav-links a:hover{color:#9a7317}
.iron-nav .nav-cta{border-color:#152f20;color:#152f20}
.iron-mobile-link{display:none;font-size:12px;font-weight:700;color:#1c3827;border-bottom:1px solid #1c3827;padding-bottom:3px}
.iron-page h1,.iron-page h2,.iron-page h3,.iron-page b,.iron-page strong{font-family:"Barlow Condensed","Noto Sans TC",sans-serif}

.iron-hero{position:relative;min-height:860px;background:radial-gradient(circle at 78% 42%,#283126 0,#111713 27%,#070a09 65%);overflow:hidden;border-bottom:1px solid #262d29}
.iron-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070a09 0%,rgba(7,10,9,.94) 33%,rgba(7,10,9,.35) 68%,rgba(7,10,9,.88) 100%);pointer-events:none}
.iron-hero-photo{position:absolute;inset:0 0 0 48%;background:url('assets/ironlog/gym-interior.webp') center 40%/cover no-repeat;filter:saturate(.62) contrast(1.12) brightness(.58);opacity:.9}
.iron-grid-overlay{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,black,transparent 70%)}
.iron-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;min-height:812px;align-items:center;gap:50px;padding-top:52px;padding-bottom:62px}
.iron-hero-copy{position:relative;z-index:3;max-width:620px}
.iron-eyebrow,.iron-label{font:600 11px "DM Mono",monospace;letter-spacing:.14em;color:var(--iron-gold);text-transform:uppercase}
.iron-eyebrow span{padding:7px 10px;background:var(--iron-gold);color:#10140f;margin-right:10px}
.product-lockup{display:flex;align-items:center;gap:15px;margin:34px 0 20px}
.product-lockup img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 7px 15px rgba(0,0,0,.45))}
.product-lockup div{display:grid}
.product-lockup b{font-size:27px;letter-spacing:.08em;line-height:1}
.product-lockup span{font-size:12px;color:#b5beb8;letter-spacing:.1em;margin-top:7px}
.iron-hero h1{font-size:clamp(58px,6.5vw,91px);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;margin:0;max-width:720px;color:#fff}
.iron-hero h1 em{font-style:normal;color:var(--iron-gold)}
.iron-lead{max-width:595px;color:#c2cac4;font-family:"Noto Sans TC",sans-serif;font-size:15px;line-height:1.95;margin:27px 0 0}
.iron-actions{display:flex;align-items:center;gap:12px;margin-top:30px}
.iron-btn{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:50px;padding:0 22px;border:1px solid var(--iron-gold);font-weight:700;font-size:13px;letter-spacing:.03em;transition:.2s ease}
.iron-btn.primary{background:var(--iron-gold);color:#10140f}
.iron-btn.primary:hover{background:#e6c45e;transform:translateY(-2px)}
.iron-btn.ghost{background:rgba(10,14,12,.6);color:#fff;border-color:#69716c}
.iron-btn.ghost:hover{border-color:var(--iron-gold);color:var(--iron-gold)}
.demo-launch{position:relative;overflow:hidden}.demo-launch>i{width:7px;height:7px;border-radius:50%;background:var(--iron-gold);box-shadow:0 0 0 0 rgba(212,173,67,.65);animation:live-pulse 1.7s ease-out infinite}.demo-launch:after{content:"";position:absolute;inset:-100% auto -100% -35%;width:25%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:rotate(20deg);animation:button-scan 3.2s ease-in-out infinite}
.hero-proof{display:flex;list-style:none;padding:0;margin:36px 0 0;border-top:1px solid #343b37;max-width:610px}
.hero-proof li{flex:1;padding:15px 8px 0 0;color:#aeb7b1;font-size:12px;letter-spacing:.04em}
.hero-proof li+li{border-left:1px solid #343b37;padding-left:17px}
.hero-proof b{color:var(--iron-gold);font-size:12px;margin-right:5px}

.live-stage{position:relative;min-height:700px;isolation:isolate;outline:0;perspective:1100px}.live-stage:before{content:"";position:absolute;inset:2% -2% 8% 7%;border:1px solid rgba(212,173,67,0);background:radial-gradient(circle at 55% 48%,rgba(212,173,67,.12),transparent 48%);opacity:.35;transform:scale(.95);transition:.45s ease;pointer-events:none}.live-stage.is-focused:before{opacity:1;border-color:rgba(212,173,67,.65);transform:scale(1);animation:stage-focus 2.5s ease-out}.live-stage.is-focused .phone{animation:phone-focus 1.05s cubic-bezier(.2,.8,.2,1),phone-float 5s ease-in-out 1.1s infinite}.live-stage.is-focused .demo-caption{animation:caption-focus .7s .18s both}
.demo-live-badge{position:absolute;z-index:6;right:5px;top:2px;padding:8px 11px;border:1px solid #454e48;background:rgba(8,11,9,.78);font:600 8px "DM Mono";letter-spacing:.13em;color:#aeb7b1;backdrop-filter:blur(8px)}.demo-live-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e3bd4c;margin-right:7px;box-shadow:0 0 0 0 rgba(227,189,76,.6);animation:live-pulse 1.7s ease-out infinite}
.weight-plate{position:absolute;border-radius:50%;border:1px solid #3c4740;background:radial-gradient(circle,#121713 0 18%,#303831 18.5% 21%,#111612 21.5% 55%,#3b443d 55.5% 57%,#0a0e0b 57.5%);box-shadow:0 30px 70px rgba(0,0,0,.65),inset 0 0 45px rgba(255,255,255,.04)}
.plate-one{width:450px;height:450px;right:-92px;top:60px;opacity:.75;transform:rotate(-12deg)}
.plate-two{width:245px;height:245px;left:12px;bottom:110px;opacity:.43}
.phone{position:absolute;z-index:4;width:286px;height:618px;right:102px;top:18px;padding:12px;background:linear-gradient(150deg,#464d48,#090b0a 22%,#050605 76%,#777b78);border:1px solid #818783;border-radius:43px;box-shadow:-22px 32px 65px rgba(0,0,0,.65),inset 0 0 0 3px #0b0e0c;transform:rotate(2.5deg);transform-style:preserve-3d;animation:phone-float 5s ease-in-out infinite;will-change:transform}
.phone:before,.phone:after{content:"";position:absolute;width:3px;background:#777d78;border-radius:3px;left:-4px}
.phone:before{height:70px;top:120px}.phone:after{height:42px;top:202px}
.phone-speaker{position:absolute;z-index:3;left:50%;top:16px;transform:translateX(-50%);width:88px;height:19px;background:#050605;border-radius:0 0 13px 13px}
.phone-screen{position:relative;width:100%;height:100%;border-radius:32px;overflow:hidden;background:#050806}.phone-screen:after{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(105deg,transparent 0 38%,rgba(255,255,255,.1) 48%,transparent 57%);transform:translateX(-140%);pointer-events:none}.live-stage.is-switching .phone-screen:after{animation:screen-sheen .9s ease-out}
.phone-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:translateX(23%) scale(.96);filter:blur(4px);transition:opacity .52s ease,transform .72s cubic-bezier(.22,.82,.25,1),filter .52s ease}
.phone-slide.is-active{opacity:1;transform:translateX(0) scale(1);filter:blur(0);z-index:2}.phone-slide.is-leaving{opacity:0;transform:translateX(-18%) scale(1.035);filter:blur(3px);z-index:1}
.app-screen{display:block;background:#f2f4f5;color:#111;font-family:"Noto Sans TC",sans-serif;overflow:hidden}.app-screen *{box-sizing:border-box}.app-status{height:5.2%;padding:17px 18px 4px;background:#0b0e0c;color:#fff;display:flex;align-items:center;justify-content:space-between;font:700 9px "Barlow",sans-serif}.app-bar{height:9%;padding:7px 11px;display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;background:#fff;border-bottom:1px solid #d8dbdc}.app-bar button{border:0;background:transparent;font-size:25px;line-height:1;color:#111;padding:0}.app-bar div{display:grid}.app-bar small{font:700 6px "DM Mono";letter-spacing:.1em;color:#aa8626}.app-bar b{font:800 14px "Noto Sans TC"}.app-bar em{font-style:normal;font-size:7px;padding:5px 7px;background:#e5f4ea;color:#247145;border:1px solid #b9ddc5;border-radius:12px}.analysis-video{position:relative;height:32%;background:linear-gradient(rgba(4,8,5,.15),rgba(4,8,5,.55)),url('assets/ironlog/strength-goal.webp') center 46%/cover;overflow:hidden}.angle-chip{position:absolute;left:10px;top:10px;padding:5px 7px;background:rgba(7,10,8,.78);color:#e9c65d;font-size:7px}.analysis-video>b{position:absolute;left:12px;bottom:18px;color:#fff;font-size:8px}.video-line{position:absolute;height:3px;left:12px;right:12px;bottom:10px;background:rgba(255,255,255,.35)}.video-line i{display:block;width:62%;height:100%;background:#d4ad43}.athlete-form{position:absolute;left:47%;top:30%;width:65px;height:90px}.athlete-form i{position:absolute;background:#dfbd52;transform-origin:left center;box-shadow:0 0 7px rgba(223,189,82,.9)}.athlete-form i:nth-child(1){width:46px;height:2px;left:9px;top:15px;transform:rotate(68deg)}.athlete-form i:nth-child(2){width:45px;height:2px;left:25px;top:57px;transform:rotate(150deg)}.athlete-form i:nth-child(3){width:44px;height:2px;left:-13px;top:58px;transform:rotate(38deg)}.athlete-form i:nth-child(4){width:8px;height:8px;border-radius:50%;left:7px;top:7px}.analysis-summary{position:relative;margin:9px 10px 6px;padding:10px 68px 10px 11px;background:linear-gradient(120deg,#e7f2fb,#f6f9fb);border:1px solid #c5d8e7;min-height:72px}.analysis-summary small,.guidance-hero small,.guidance-title small,.data-sources>small{font:700 6px "DM Mono";letter-spacing:.1em;color:#af8723}.analysis-summary h3,.guidance-title h3{font-size:14px;margin:4px 0}.form-score{position:absolute;right:12px;top:9px;width:53px;height:53px;border:5px solid #d2ab42;border-radius:50%;display:grid;place-content:center;text-align:center;background:#fff}.form-score b{font-size:18px;line-height:1}.form-score span{font-size:5px;color:#65706a}.feedback-row{margin:5px 10px;padding:8px 9px;display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;background:#fff;border:1px solid #dadddb}.feedback-row>i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;background:#e6f5eb;color:#257143}.feedback-row div{display:grid}.feedback-row b{font-size:9px}.feedback-row span{font-size:6px;line-height:1.55;color:#65706a;margin-top:2px}.feedback-row.improve>i{background:#fff3d5;color:#9c7415}.feedback-row.safe>i{background:#fbe8e6;color:#9c3b34}.app-bottom{position:absolute;left:0;right:0;bottom:0;height:7%;padding:8px 10px;background:#fff;border-top:1px solid #d5d8d6;display:flex;align-items:center;gap:7px}.app-bottom span,.app-bottom b{flex:1;text-align:center;padding:7px;font-size:7px;border:1px solid #a7aaa8}.app-bottom b{background:#d3ad43;border-color:#d3ad43;color:#111}
.guidance-bar em{background:#121713;color:#e2bd51;border-color:#121713;font-weight:800}.guidance-hero{height:22%;padding:15px 13px;background:linear-gradient(130deg,#e8f4fc,#f7fafb);border-bottom:1px solid #c7d7e1;display:grid;grid-template-columns:1fr 77px;gap:8px;align-items:center}.guidance-hero h3{font-size:18px;margin:5px 0 4px}.guidance-hero p{font-size:6px;line-height:1.55;color:#65706a;margin:0}.readiness{width:69px;height:69px;border-radius:50%;border:7px solid #d3ad43;display:grid;place-content:center;text-align:center;background:#fff}.readiness b{font-size:23px;line-height:1}.readiness span{font:700 6px "DM Mono";color:#886913}.data-sources{margin:8px 10px;padding:9px;background:#fff;border:1px solid #dadddb}.data-sources>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px}.data-sources span{display:grid;gap:2px;text-align:center;padding:6px 2px;background:#f0f2f1;font-size:6px;color:#66716a}.data-sources span b{font-size:10px;color:#171b18}.guidance-title{padding:5px 11px}.guidance-title h3{margin-top:3px}.advice-card{margin:5px 10px;padding:9px;display:grid;grid-template-columns:26px 1fr;gap:8px;background:#fff;border:1px solid #dadddb}.advice-card>i{font:800 10px "Barlow Condensed";font-style:normal;color:#ad8521;border-right:1px solid #dedfdd}.advice-card div{display:grid}.advice-card b{font-size:8px}.advice-card span{font-size:6px;line-height:1.55;color:#66716a;margin-top:3px}.advice-card.recovery{border-left:3px solid #4b845c}.ask-ironlog{position:absolute;left:10px;right:10px;bottom:12px;height:38px;padding:0 7px 0 12px;background:#fff;border:1px solid #bfc3c0;display:flex;align-items:center;justify-content:space-between}.ask-ironlog span{font-size:7px;color:#8b938e}.ask-ironlog b{width:25px;height:25px;border-radius:50%;background:#d3ad43;display:grid;place-items:center;font-size:13px}
.phone-gesture{--tap-x:48%;--tap-y:36%;position:absolute;z-index:5;left:var(--tap-x);top:var(--tap-y);width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,211,84,.9);background:rgba(212,173,67,.18);opacity:0;transform:translate(-50%,-50%) scale(.35);pointer-events:none}.phone-gesture:before,.phone-gesture:after{content:"";position:absolute;inset:-9px;border:1px solid rgba(242,210,113,.7);border-radius:50%}.phone-gesture:after{inset:-19px;opacity:.45}.phone-gesture i{position:absolute;width:3px;height:86px;left:50%;top:36px;background:linear-gradient(rgba(212,173,67,.8),transparent);transform:translateX(-50%)}.phone-gesture.is-tapping{animation:tap-point 1.2s .55s ease-out}
.demo-caption{position:absolute;z-index:5;right:-15px;bottom:9px;width:370px;padding:24px 25px 22px;background:rgba(9,13,10,.94);border:1px solid #4a514d;border-left:4px solid var(--iron-gold);box-shadow:0 20px 45px rgba(0,0,0,.4);backdrop-filter:blur(10px)}
.demo-index{display:block;font:600 10px "DM Mono",monospace;color:var(--iron-gold);letter-spacing:.12em}
.demo-caption-top{display:flex;justify-content:space-between;align-items:center}.demo-state{font:600 8px "DM Mono";letter-spacing:.12em;color:#71a67f}.demo-state:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#71a67f;margin-right:5px}
.demo-caption h2{font-size:25px;line-height:1.2;margin:9px 0 7px;color:#fff;letter-spacing:-.02em}
.demo-caption p{font-family:"Noto Sans TC",sans-serif;font-size:12px;line-height:1.7;color:#aeb7b1;margin:0;min-height:42px}
.demo-controls{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:10px;margin-top:16px}.demo-arrow{appearance:none;width:30px;height:30px;border:1px solid #4c5650;background:#131914;color:#d9dedb;cursor:pointer;transition:.2s}.demo-arrow:hover{border-color:var(--iron-gold);color:var(--iron-gold);transform:translateY(-1px)}
.demo-dots{display:flex;justify-content:center;gap:7px}
.demo-dots button{appearance:none;border:0;background:#525b55;width:17px;height:3px;padding:0;cursor:pointer;transition:.25s}
.demo-dots button.is-active{width:38px;background:var(--iron-gold)}
.demo-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#242c27;overflow:hidden}.demo-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#967119,var(--iron-gold-light));transform-origin:left;transform:scaleX(0)}.demo-progress i.is-running{animation:demo-progress 3.6s linear forwards}
.iron-marquee{position:absolute;z-index:4;left:0;right:0;bottom:0;height:48px;border-top:1px solid #29302c;background:#0b0e0c;overflow:hidden;display:flex;align-items:center}
.iron-marquee div{white-space:nowrap;font:600 11px "DM Mono",monospace;letter-spacing:.2em;color:#737d76;animation:iron-marquee 28s linear infinite}
@keyframes iron-marquee{to{transform:translateX(-50%)}}
@keyframes live-pulse{0%{box-shadow:0 0 0 0 rgba(212,173,67,.65)}70%,100%{box-shadow:0 0 0 9px rgba(212,173,67,0)}}
@keyframes button-scan{0%,58%{left:-35%}85%,100%{left:125%}}
@keyframes phone-float{0%,100%{transform:rotate(2.5deg) translate3d(0,0,0) rotateY(-2deg)}50%{transform:rotate(.5deg) translate3d(0,-13px,22px) rotateY(4deg)}}
@keyframes phone-focus{0%{transform:rotate(2.5deg) scale(1)}48%{transform:rotate(-3deg) scale(1.09) translateZ(40px)}100%{transform:rotate(2.5deg) scale(1)}}
@keyframes stage-focus{0%{box-shadow:0 0 0 0 rgba(212,173,67,.45)}40%{box-shadow:0 0 70px 8px rgba(212,173,67,.18)}100%{box-shadow:0 0 0 0 rgba(212,173,67,0)}}
@keyframes caption-focus{from{opacity:.25;transform:translateX(38px)}to{opacity:1;transform:translateX(0)}}
@keyframes screen-sheen{from{transform:translateX(-140%)}to{transform:translateX(140%)}}
@keyframes tap-point{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:.8;transform:translate(-50%,-50%) scale(1.45)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.15)}}
@keyframes demo-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.iron-section{padding:105px 0}
.manifesto{background:#f0ede4;color:#151b17}
.manifesto-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:start}
.manifesto h2,.iron-heading h2,.coach-copy h2,.story-copy h2,.iron-cta h2{font-size:clamp(42px,5vw,66px);line-height:1.03;letter-spacing:-.04em;margin:16px 0 0;text-transform:uppercase}
.manifesto h2 em,.coach-copy h2 em,.story-copy h2 em{font-style:normal;color:#957019}
.manifesto-copy>p{font-family:"Noto Sans TC",sans-serif;font-size:16px;line-height:2;color:#4c574f;margin:28px 0 0}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9c8bf;margin-top:36px}
.metric-row div{padding:22px 12px 0 0}
.metric-row div+div{border-left:1px solid #c9c8bf;padding-left:18px}
.metric-row b{display:block;font-size:37px;color:#183724;line-height:1}
.metric-row span{display:block;color:#69746c;font-size:11px;margin-top:7px}

.feature-section{background:#0a0e0b}
.iron-heading{display:grid;grid-template-columns:1fr 1.1fr .85fr;gap:50px;align-items:end;margin-bottom:52px}
.iron-heading .iron-label{align-self:start}
.iron-heading h2{margin:0;color:#fff}
.iron-heading>p:last-child{font-family:"Noto Sans TC",sans-serif;color:var(--iron-muted);font-size:13px;line-height:1.8;margin:0}
.feature-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--iron-line);border:1px solid var(--iron-line)}
.feature-card{position:relative;overflow:hidden;min-height:338px;padding:28px;background:var(--iron-card);display:flex;flex-direction:column}
.feature-wide{grid-column:span 2;background:linear-gradient(115deg,#101612 0 62%,#18231c)}
.feature-no{font:600 10px "DM Mono",monospace;letter-spacing:.12em;color:var(--iron-gold)}
.feature-card h3{font-size:27px;line-height:1.12;margin:40px 0 12px;color:#fff;max-width:440px}
.feature-card p{font-family:"Noto Sans TC",sans-serif;font-size:13px;line-height:1.85;color:#9fa9a2;max-width:480px;margin:0}
.mini-workout{margin-top:auto;display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px 20px;width:min(100%,490px);padding:17px 20px;background:#0a0d0b;border-left:3px solid var(--iron-gold)}
.mini-workout span{font:600 10px "DM Mono";color:#859089;letter-spacing:.1em}.mini-workout b{grid-row:span 2;font-size:32px;color:#fff}.mini-workout i{font-style:normal;font-size:11px;color:#79a587}
.sparkline{height:68px;margin-top:auto;display:flex;gap:8px;align-items:end;border-bottom:1px solid #3b433e}
.sparkline i{flex:1;background:linear-gradient(var(--iron-gold),#654e1a);height:30%}.sparkline i:nth-child(2){height:46%}.sparkline i:nth-child(3){height:39%}.sparkline i:nth-child(4){height:58%}.sparkline i:nth-child(5){height:54%}.sparkline i:nth-child(6){height:75%}.sparkline i:nth-child(7){height:93%}
.pr-badge{margin-top:auto;width:145px;height:145px;border-radius:50%;border:1px solid #6f5b29;display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 0 10px #191b14}
.pr-badge b{font-size:35px;color:var(--iron-gold)}.pr-badge span{font-size:8px;letter-spacing:.09em;color:#8f9992}
.calendar-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:auto}
.calendar-strip i{font-style:normal;height:36px;display:grid;place-items:center;background:#202622;color:#7f8982;font-size:10px}.calendar-strip i.done{background:#1d3f2b;color:#a9d1b5}.calendar-strip i.today{background:var(--iron-gold);color:#111}
.feature-image{grid-column:span 2;background:linear-gradient(90deg,rgba(10,14,11,.98) 0%,rgba(10,14,11,.91) 43%,rgba(10,14,11,.1) 78%),url('assets/ironlog/strength-goal.webp') center 58%/cover no-repeat;min-height:410px;justify-content:center}
.feature-image div{max-width:53%}.feature-image h3{margin-top:32px}
.ai-score{position:relative;margin-top:auto;width:132px;height:132px;border-radius:50%;border:8px solid #29312c;border-top-color:var(--iron-gold);display:grid;place-content:center;text-align:center;transform:rotate(-13deg)}
.ai-score>*{transform:rotate(13deg)}.ai-score span{font-size:8px;letter-spacing:.09em;color:#8e9891}.ai-score b{font-size:43px;line-height:1;color:#fff}.ai-score i{font-style:normal;font-size:9px;color:#76a482}

.coach-section{padding:120px 0;background:#f0ede4;color:#141a16;overflow:hidden}
.coach-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:center}
.coach-visual{position:relative;min-height:620px;background:#101512 url('assets/ironlog/gym-interior.webp') left center/45% auto no-repeat;border:1px solid #333a35;box-shadow:0 35px 70px rgba(28,31,28,.18)}
.coach-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,11,.18),#0d120f 43%);pointer-events:none}
.coach-brand{position:absolute;z-index:2;left:32px;top:30px;display:flex;align-items:center;color:#fff}
.coach-brand img{width:62px;height:62px;object-fit:contain;margin-right:11px}.coach-brand div{display:grid}.coach-brand span{font-size:8px;letter-spacing:.13em;color:#a2aba5}.coach-brand b{font-size:22px;letter-spacing:.08em}
.coach-console{position:absolute;z-index:3;right:28px;top:103px;width:72%;padding:26px;background:#171d19;border:1px solid #464e49;color:#fff;box-shadow:0 25px 50px rgba(0,0,0,.35)}
.console-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #363e38;padding-bottom:15px;margin-bottom:8px}.console-top span{font-size:9px;letter-spacing:.13em;color:#8f9a93}.console-top b{font-size:33px;color:var(--iron-gold)}
.student{display:grid;grid-template-columns:39px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #303732}.student>i{width:39px;height:39px;display:grid;place-items:center;background:#243028;color:#d6b550;border-radius:50%;font-style:normal;font-weight:700;font-size:11px}.student div{display:grid}.student b{font-size:16px}.student span{font-size:9px;color:#88938c;margin-top:3px}.student em{font-style:normal;font-size:11px;color:#d2b557}
.console-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:18px}.console-actions span{padding:11px;background:#222a25;font-size:10px;color:#b0b9b3;border-left:2px solid #3e684d}
.qr-card{position:absolute;z-index:4;left:35px;bottom:34px;width:158px;background:#f0ede4;color:#172018;padding:14px;box-shadow:0 16px 35px rgba(0,0,0,.45);transform:rotate(-3deg)}
.qr-card>span{display:block;font:700 8px "DM Mono";color:#846713;text-align:right}.qr-card>b{display:block;font-size:12px;text-align:center;margin-top:8px}.qr-pattern{height:104px;margin-top:7px;background:repeating-conic-gradient(#121713 0 25%,transparent 0 50%) 0/18px 18px;border:10px solid white;box-shadow:inset 0 0 0 3px #111}
.coach-copy .iron-label{color:#8c6b18}.coach-copy h2{color:#172019}.coach-copy>p:not(.iron-label){font-family:"Noto Sans TC",sans-serif;font-size:14px;line-height:1.95;color:#515e55;margin:25px 0}
.coach-steps{padding:0;margin:30px 0;list-style:none;border-top:1px solid #c8c7be}
.coach-steps li{display:grid;grid-template-columns:47px 1fr;gap:17px;padding:20px 0;border-bottom:1px solid #c8c7be}.coach-steps li>b{font-size:14px;color:#a68126}.coach-steps div{display:grid}.coach-steps strong{font-size:19px;color:#18251c}.coach-steps span{font-family:"Noto Sans TC",sans-serif;font-size:12px;line-height:1.7;color:#68736c;margin-top:4px}
.text-link{display:inline-flex;gap:20px;padding-bottom:5px;border-bottom:1px solid #18251c;font-size:13px;font-weight:700;color:#18251c}

.ecosystem-section{padding:110px 0;background:#0b0f0c}
.iron-heading.centered{display:block;text-align:center;max-width:870px;margin:0 auto 60px}.iron-heading.centered h2{margin:18px 0 0}
.ecosystem-flow{display:grid;grid-template-columns:1fr 160px 1fr 160px 1fr;align-items:center}
.ecosystem-flow article{min-height:265px;text-align:center;padding:30px 20px;background:#131814;border:1px solid #333a35}
.ecosystem-flow article img{display:block;margin:0 auto 13px;width:76px;height:76px;object-fit:contain}.ecosystem-flow article>span{font:600 9px "DM Mono";letter-spacing:.15em;color:var(--iron-gold)}.ecosystem-flow h3{font-size:26px;margin:8px 0;color:#fff}.ecosystem-flow p{font-family:"Noto Sans TC",sans-serif;font-size:12px;line-height:1.7;color:#8f9992;margin:0}
.flow-arrow{text-align:center;color:#747e77;font-size:9px;letter-spacing:.08em;display:grid;gap:8px}.flow-arrow i{font-style:normal;font-size:35px;line-height:1;color:var(--iron-gold)}
.outcome-ring{margin:0 auto 20px;width:76px;height:76px;border:2px solid var(--iron-gold);border-radius:50%;display:grid;place-items:center;font:700 29px "Barlow Condensed";color:var(--iron-gold);box-shadow:0 0 0 7px #25251b}

.story-section{padding:115px 0;background:#111613;border-top:1px solid #2d342f}
.story-grid{display:grid;grid-template-columns:1fr .68fr;gap:110px;align-items:center}
.story-copy h2 em{color:var(--iron-gold)}.story-copy>p:not(.iron-label){font-family:"Noto Sans TC",sans-serif;font-size:14px;line-height:2;color:#9fa9a2;max-width:580px}.story-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.story-tags span{padding:8px 12px;border:1px solid #3b433e;font-size:10px;color:#b4bdb7}
.video-frame{position:relative;max-width:390px;margin:auto;border:1px solid #565e59;padding:11px;background:#080b09;box-shadow:30px 38px 0 #252a26,0 30px 65px rgba(0,0,0,.45)}
.video-frame video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#070907}
.video-note{position:absolute;left:-60px;bottom:70px;transform:rotate(-90deg);font:600 9px "DM Mono";letter-spacing:.13em;color:#818b84}

.iron-cta{padding:92px 0;background:var(--iron-gold);color:#11160f}
.iron-cta-inner{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}
.iron-cta .iron-label{color:#4d421f}.iron-cta h2{margin-top:14px}.iron-cta .iron-btn.primary{background:#11160f;color:#fff;border-color:#11160f}.iron-cta .iron-btn.ghost{background:transparent;color:#11160f;border-color:#11160f}.cta-actions{display:flex;gap:10px;padding-bottom:8px}
.iron-footer{background:#050806}.iron-footer .brand-mark{filter:saturate(.4) brightness(1.2)}

@media(max-width:1060px){
  .iron-nav .nav-links{gap:13px}.iron-nav .nav-links a{font-size:12px}.iron-nav .nav-cta{font-size:11px;padding:9px 11px}
  .iron-hero-grid{grid-template-columns:.94fr 1.06fr;gap:15px}.phone{right:46px}.demo-caption{right:-5px;width:330px}
  .manifesto-grid,.coach-grid{gap:55px}.iron-heading{grid-template-columns:.7fr 1.1fr .8fr;gap:28px}.coach-console{width:76%;right:20px}.story-grid{gap:65px}
  .ecosystem-flow{grid-template-columns:1fr 90px 1fr 90px 1fr}
}

@media(max-width:820px){
  .iron-nav .nav-links,.iron-nav .nav-cta{display:none}
  .iron-mobile-link{display:block}
  .iron-hero{min-height:auto}.iron-hero-photo{inset:0;background-position:center top;opacity:.55}.iron-hero:after{background:linear-gradient(180deg,rgba(7,10,9,.72),#070a09 49%,#070a09)}
  .iron-hero-grid{grid-template-columns:1fr;padding-top:70px;padding-bottom:95px}.iron-hero-copy{max-width:none}.iron-hero h1{font-size:clamp(53px,13vw,78px)}
  .live-stage{min-height:710px;margin-top:30px}.phone{left:50%;right:auto;top:10px;animation:phone-float-mobile 5s ease-in-out infinite}.plate-one{right:-80px}.plate-two{left:-40px}.demo-caption{left:50%;right:auto;transform:translateX(-50%);bottom:0;width:min(95%,420px)}.live-stage.is-focused .phone{animation:phone-focus-mobile 1.05s cubic-bezier(.2,.8,.2,1),phone-float-mobile 5s ease-in-out 1.1s infinite}.live-stage.is-focused .demo-caption{animation:caption-focus-mobile .7s .18s both}.demo-live-badge{right:4%;top:-12px}
  .manifesto-grid,.coach-grid,.story-grid{grid-template-columns:1fr}.manifesto-grid{gap:35px}.iron-heading{display:block}.iron-heading h2{margin-top:17px}.iron-heading>p:last-child{margin-top:22px;max-width:580px}
  .feature-matrix{grid-template-columns:1fr 1fr}.feature-wide,.feature-image{grid-column:span 2}.feature-image div{max-width:70%}
  .coach-grid{gap:60px}.coach-visual{min-height:620px;order:2}.ecosystem-flow{grid-template-columns:1fr}.flow-arrow{padding:18px}.flow-arrow i{transform:rotate(90deg)}
  .story-grid{gap:60px}.story-copy{text-align:center}.story-copy>p:not(.iron-label){margin-left:auto;margin-right:auto}.story-tags{justify-content:center}.iron-cta-inner{grid-template-columns:1fr}.cta-actions{padding:0}
}

@media(max-width:560px){
  .iron-page .shell{width:min(100% - 30px,1200px)}.iron-nav{height:72px}
  .iron-hero-grid{padding-top:52px}.iron-eyebrow{line-height:2.8}.iron-eyebrow span{display:inline-block}.product-lockup{margin-top:24px}.iron-hero h1{font-size:51px}.iron-lead{font-size:14px}.iron-actions{align-items:stretch;flex-direction:column}.iron-btn{width:100%}.hero-proof{display:grid;grid-template-columns:1fr}.hero-proof li+li{border-left:0;padding-left:0}.hero-proof li{padding:9px 0;border-bottom:1px solid #303732}
  .live-stage{min-height:680px}.phone{width:252px;height:545px}.demo-caption{padding:20px;width:100%}.demo-caption h2{font-size:22px}.plate-one{width:340px;height:340px;right:-105px}.plate-two{width:190px;height:190px}
  .iron-section,.coach-section,.ecosystem-section,.story-section{padding:75px 0}.manifesto h2,.iron-heading h2,.coach-copy h2,.story-copy h2,.iron-cta h2{font-size:42px}.metric-row b{font-size:29px}.metric-row span{font-size:9px}
  .feature-matrix{grid-template-columns:1fr}.feature-wide,.feature-image{grid-column:auto}.feature-card{min-height:310px}.feature-image{min-height:470px;background:linear-gradient(180deg,rgba(10,14,11,.96) 0%,rgba(10,14,11,.74) 55%,rgba(10,14,11,.1)),url('assets/ironlog/strength-goal.webp') center/cover}.feature-image div{max-width:100%;align-self:flex-start}.feature-card h3{margin-top:28px}
  .coach-visual{min-height:575px;background-size:80% auto}.coach-console{right:12px;top:106px;width:88%;padding:18px}.qr-card{left:14px;bottom:22px;width:130px}.qr-pattern{height:84px}.console-actions{grid-template-columns:1fr 1fr}.coach-brand{left:18px}.coach-copy h2{font-size:40px}
  .story-grid{gap:45px}.video-frame{max-width:315px;box-shadow:18px 22px 0 #252a26}.video-note{display:none}.iron-cta{padding:70px 0}.cta-actions{flex-direction:column}.iron-footer .footer-grid{grid-template-columns:1fr}
}

@keyframes phone-float-mobile{0%,100%{transform:translateX(-50%) rotate(1.5deg) translateY(0)}50%{transform:translateX(-50%) rotate(-.5deg) translateY(-12px)}}
@keyframes phone-focus-mobile{0%{transform:translateX(-50%) rotate(1.5deg) scale(1)}48%{transform:translateX(-50%) rotate(-2deg) scale(1.07)}100%{transform:translateX(-50%) rotate(1.5deg) scale(1)}}
@keyframes caption-focus-mobile{from{opacity:.25;transform:translateX(-50%) translateY(28px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@media(prefers-reduced-motion:reduce){.iron-marquee div,.phone,.demo-live-badge i,.demo-launch>i,.demo-launch:after,.demo-progress i,.phone-gesture{animation:none!important}.phone-slide{transition:none}.iron-btn{transition:none}}