@charset "UTF-8";
.refined{--ink:#103d49;--muted:#496770;--paper:#fff;--line:#cce1e5;--cyan:#c5f2f6;--accent:#007e98}
.refined h1,.refined h2,.refined h3{text-wrap:initial}
.refined .keep{display:inline-block;max-width:100%}
.refined .site-header{height:96px}
.refined .site-header .brand span small{font-size:12px;letter-spacing:.07em}
.refined .nav-button{background:var(--ink);color:#fff;border-color:var(--ink);border-radius:9px}
.r-hero{background:var(--cyan)}
.r-hero .site-header{border-bottom:1px solid #12475324}
.r-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:38px;padding:54px 0 64px;min-height:670px}
.r-hero-grid>*{min-width:0}
.r-title{font-size:clamp(2.6rem,4vw,4rem);line-height:1.5;letter-spacing:-.065em;font-weight:800}
.r-title em{color:var(--accent);font-style:normal}
.r-kicker{font-size:14px;letter-spacing:.1em;font-weight:600;margin-bottom:24px}
.r-kicker:before{content:"";display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:10px;vertical-align:1px}
.r-lede{font-size:17px;color:var(--muted);line-height:2;margin-top:24px;max-width:500px}
.r-lede .keep{display:inline-block}
.refined .store-links{margin-top:30px}
.refined .store-link{min-width:204px;border-radius:10px;padding:14px 18px}
.refined .store-link small{font-size:14px}
.refined .download-note{font-size:12px;line-height:1.8}
.r-pair{position:relative;display:flex;align-items:center;justify-content:center;min-height:540px;padding:20px 5px}
.r-pair figure{min-width:0;position:relative}
.r-pair .front{width:45%;transform:rotate(-6deg);margin-right:-18px;z-index:2}
.r-pair .back{width:42%;transform:rotate(6deg);margin-top:74px}
.r-pair img{width:100%;border-radius:23px;border:1px solid #173b4517;box-shadow:0 23px 45px #18414d1a}
.r-pair figcaption{font-size:13px;line-height:1.5;text-align:center;margin-top:14px;color:#385d68}
.r-pair-label{position:absolute;right:9%;top:3px;font-size:14px;line-height:1.75}
.r-pair-label:after{content:"↘";display:block;font-size:28px;margin-left:58px}
.r-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-bottom:1px solid var(--line);padding:24px 0;font-size:14px}
.r-benefits span{display:flex;align-items:center;justify-content:center;gap:10px}
.r-benefits span:before{content:"✓";color:var(--accent);font-size:16px}
.r-section{padding:91px 0}
.r-section h2{font-size:clamp(2rem,3.05vw,3rem);line-height:1.5;letter-spacing:-.05em}
.r-eyebrow{font-size:13px;letter-spacing:.12em;color:var(--accent);font-weight:650;margin-bottom:17px;display:block}
.r-section-intro{color:var(--muted);font-size:16px;line-height:1.95;margin-top:22px;max-width:700px}
.r-section-intro.center{margin-inline:auto}
.r-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:44px}
.r-step{border-top:1px solid var(--line);padding-top:23px}
.r-step .num{font-size:13px;letter-spacing:.12em;color:var(--accent);margin-bottom:13px}
.r-step h3{font-size:22px;letter-spacing:-.025em}
.r-step p{font-size:15px;color:var(--muted);line-height:1.9;margin-top:12px}
.r-step .action{font-weight:650;color:var(--ink);font-size:13px;margin-top:18px}
.r-proof{background:#eff9fa}
.r-proof-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:85px;align-items:center}
.r-proof-inner>*{min-width:0}
.r-poster{width:min(270px,100%);margin:auto}
.r-poster img{width:100%;border-radius:18px;box-shadow:0 18px 45px #18414d16}
.r-poster figcaption{font-size:12px;text-align:center;color:var(--muted);line-height:1.8;margin-top:17px}
.r-poster a{display:block;border-radius:18px}
.r-point-list{margin-top:30px}
.r-point{display:grid;grid-template-columns:26px 1fr;gap:12px;border-top:1px solid #c3dde2;padding:20px 0}
.r-point>span{font-size:18px;color:var(--accent)}
.r-point h3{font-size:19px;line-height:1.5;letter-spacing:-.025em}
.r-point p{margin-top:8px;color:var(--muted);font-size:15px;line-height:1.8}
.r-product-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:18px}
.r-function-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:39px}
.r-function{padding:29px 26px;background:#f4fafb;border:1px solid #deedef;border-radius:14px}
.r-function h3{font-size:20px}
.r-function p{font-size:15px;color:var(--muted);line-height:1.9;margin-top:12px}
.r-function .function-label{display:block;font-size:12px;color:var(--accent);letter-spacing:.08em;margin-bottom:14px}
.r-download{margin:0 auto 24px;background:var(--cyan);border-radius:22px;padding:66px 28px;text-align:center}
.r-download h2{font-size:clamp(1.9rem,3.4vw,3.1rem);line-height:1.6}
.r-download .store-links{justify-content:center}
.r-download .r-eyebrow{margin-bottom:14px}
.refined .faq{padding-block:68px}
.refined .faq h2{font-size:27px}
.refined .footer{padding-bottom:26px}
.refined .footer .sample-note{font-size:11px}
.r-simple-hero{padding:48px 0 0;text-align:center}
.r-simple-hero .r-title{font-size:clamp(2.8rem,4.7vw,4.6rem);line-height:1.4}
.r-simple-hero .r-lede{margin:22px auto 0;max-width:700px}
.r-simple-hero .store-links{justify-content:center}
.r-simple-stage{display:grid;grid-template-columns:1fr 480px 1fr;gap:30px;align-items:center;max-width:1010px;margin:44px auto 0;padding-bottom:0}
.r-simple-stage .r-pair{min-height:0;height:355px;overflow:hidden;align-items:flex-start;padding-top:20px}
.r-simple-stage .r-pair .front{width:44%;transform:rotate(-5deg)}
.r-simple-stage .r-pair .back{width:42%;transform:rotate(5deg);margin-top:33px}
.r-simple-stage .r-pair figcaption{display:none}
.r-simple-note{font-size:14px;text-align:left;border-top:1px solid #54929e55;padding-top:20px;align-self:center}
.r-simple-note b{display:block;font-size:22px;line-height:1.55;letter-spacing:-.04em;margin-bottom:9px}
.r-simple-note p{color:var(--muted);font-size:13px;line-height:1.9}
.r-simple-caption{font-size:12px;text-align:center;color:var(--muted);padding:18px 0 22px;border-bottom:1px solid var(--line)}
.r-centered{text-align:center}
.r-fit{background:#f1fafb}
.r-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}
.r-fit-grid>*{min-width:0}
.r-fit-list{list-style:none;margin:3px 0 0;padding:0}
.r-fit-list li{padding:18px 0;border-bottom:1px solid var(--line);font-size:17px;display:flex;gap:14px}
.r-fit-list li:before{content:"✓";color:var(--accent)}
.r-graph-pair .front{width:47%;transform:rotate(-4deg);margin-right:-20px}
.r-graph-pair .back{width:39%;transform:rotate(5deg);margin-top:98px}
.r-graph-pair .front img{box-shadow:0 26px 55px #18414d20}
.r-flow{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:25px 0;font-size:14px}
.r-flow .item{display:flex;align-items:center;gap:13px}
.r-flow .stepno{font-size:12px;color:var(--accent);letter-spacing:.05em}
.r-flow .flow-arrow{color:#76aab5}
.r-screen-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:43px}
.r-screen-tile{padding:25px 24px;background:#f1f8f9;border-radius:17px}
.r-screen-tile img{width:min(200px,90%);margin:24px auto 0;border-radius:16px;box-shadow:0 10px 25px #133b4512}
.r-screen-tile h3{font-size:22px}
.r-screen-tile p{font-size:14px;line-height:1.85;color:var(--muted);margin-top:12px}
.r-screen-tile .tile-note{font-size:11px;text-align:center;margin-top:14px}
@media(max-width:1100px){
 .r-hero-grid{gap:28px}.r-title{font-size:clamp(2.4rem,4vw,3.3rem)}
 .r-pair{min-height:490px}.r-pair-label{font-size:12px;right:7%}
 .r-simple-stage{grid-template-columns:1fr 420px 1fr;gap:20px}
 .r-simple-note b{font-size:19px}.r-simple-note p{font-size:12px}
 .r-proof-inner{gap:55px}.r-poster{width:250px}.refined .store-link{min-width:190px}
}
@media(max-width:800px){
 .refined .site-header{height:84px}.refined .site-header .brand span small{font-size:11px}
 .r-hero-grid{grid-template-columns:1fr;padding:39px 0 38px;gap:25px;min-height:0}
 .r-title{font-size:clamp(1.95rem,8.2vw,3.7rem);line-height:1.55;letter-spacing:-.065em}
 .r-kicker{font-size:12px;letter-spacing:.06em;margin-bottom:21px}
 .r-lede{font-size:16px;line-height:1.95;margin-top:20px;max-width:560px}
 .refined .store-link{min-width:0;flex:1;padding:13px;gap:10px}
 .refined .store-link small{font-size:13px}.refined .store-links{max-width:450px}
 .refined .download-note{font-size:11px}
 .r-pair{width:min(470px,100%);margin:auto;min-height:0;padding:27px 4px 14px;align-items:flex-start}
 .r-pair .front{width:46%;margin-right:-12px;margin-top:0;transform:rotate(-4deg)}
 .r-pair .back{width:42%;margin-top:46px;transform:rotate(4deg)}
 .r-pair img{border-radius:16px}.r-pair figcaption{font-size:12px;margin-top:12px}
 .r-pair-label{display:none}.r-benefits{padding:22px 0;gap:6px;font-size:12px}
 .r-benefits span{gap:6px}.r-benefits span:before{font-size:12px}
 .r-section{padding:65px 0}.r-section h2{font-size:clamp(1.65rem,6.4vw,2.3rem);line-height:1.6}
 .r-eyebrow{font-size:12px;margin-bottom:15px}.r-section-intro{font-size:16px;margin-top:20px}
 .r-steps,.r-function-grid{grid-template-columns:1fr;gap:25px;margin-top:32px}
 .r-step{padding-top:20px}.r-step h3{font-size:21px}.r-step .num{margin-bottom:10px}
 .r-step .action{margin-top:14px}.r-proof-inner{grid-template-columns:1fr;gap:34px}
 .r-poster{width:min(260px,83%);order:2}.r-poster figcaption{font-size:11px}
 .r-point-list{margin-top:25px}.r-point{padding:18px 0}.r-point h3{font-size:18px}
 .r-function{padding:25px}.r-download{border-radius:17px;padding:47px 18px;margin-bottom:15px}
 .r-download h2{font-size:clamp(1.65rem,6.4vw,2.3rem);line-height:1.7}
 .r-download .store-links{margin-inline:auto}.r-download .r-eyebrow{font-size:12px}
 .refined .faq{padding-block:55px}.refined .faq h2{font-size:25px}
 .r-simple-hero{padding-top:39px}.r-simple-hero .r-title{font-size:clamp(1.95rem,8.2vw,3.7rem)}
 .r-simple-hero .r-lede{font-size:16px}.r-simple-hero .store-links{margin-inline:auto}
 .r-simple-stage{grid-template-columns:1fr;margin-top:27px;gap:0;max-width:480px}
 .r-simple-note{display:none}.r-simple-stage .r-pair{width:100%;height:auto;overflow:visible;padding:24px 6px 27px}
 .r-simple-stage .r-pair .front{width:44%}.r-simple-stage .r-pair .back{width:42%;margin-top:35px}
 .r-simple-caption{font-size:11px;padding:15px 0 19px;line-height:1.8}
 .r-fit-grid{grid-template-columns:1fr;gap:23px}.r-fit-list li{font-size:16px;padding:16px 0}
 .r-graph-pair .front{width:47%;margin-right:-12px}.r-graph-pair .back{width:40%;margin-top:58px}
 .r-flow{font-size:12px;gap:8px;padding:22px 0}.r-flow .item{gap:5px}.r-flow .stepno{font-size:10px}
 .r-screen-strip{grid-template-columns:1fr;gap:23px;margin-top:32px}
 .r-screen-tile{padding:27px}.r-screen-tile img{width:200px;max-width:85%}.r-screen-tile h3{font-size:21px}
}
@media(max-width:380px){
 .r-title,.r-simple-hero .r-title{font-size:1.85rem}
 .r-kicker{font-size:11px}.r-lede{font-size:15px}
 .refined .store-link{padding:11px 10px}.refined .store-link small{font-size:12px}
 .r-benefits{font-size:11px;gap:5px}.r-benefits span{gap:4px}
 .r-flow{gap:5px;font-size:11px}.r-flow .stepno{font-size:10px}
 .r-download{padding-inline:15px}.r-download h2{font-size:1.55rem}.r-pair img{border-radius:13px}
}