.future .rina-ui *{box-sizing:border-box}
.future .rina-ui a{color:inherit;text-decoration:none}
.future .rina-ui button{font:inherit;cursor:pointer}
.future .rina-ui a:focus-visible,.future .rina-ui button:focus-visible{outline:2px solid #e8d7a8;outline-offset:7px}
.future .rina-ui h1,.future .rina-ui h2,.future .rina-ui h3,.future .rina-ui p{margin:0}
.future .rina-ui h1,.future .rina-ui h2,.future .rina-ui h3{line-height:1.12}
.future .rina-ui .brand{font-size:25px;line-height:1.18;letter-spacing:-1px}
.future .rina-ui .nav{display:flex;gap:28px;align-items:center;font-size:14px;color:#c9c4b7}
.future .rina-ui .nav .active{color:#f2f0e7}
.future .rina-ui .tag{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b6b0a0}
.future .rina-ui .muted{color:#aaa79a}
.future .rina-ui .button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 24px;border:1px solid #e3e1d3;background:#e3e1d3;color:#262821;border-radius:3px}
.future .rina-ui .text-link{border-bottom:1px solid #9d967e;padding-bottom:8px}
.future .rina-ui .intro{display:flex;justify-content:space-between;border-top:1px solid #4b493d;padding:24px 0;color:#bcb5a2;font-size:13px}
.future .rina-ui .gallery{display:flex;align-items:center;justify-content:center;gap:0;min-height:615px;padding:25px 0 55px;isolation:isolate}
.future .rina-ui .cover{position:relative;overflow:hidden;width:360px;height:540px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #b9aa7f;box-shadow:0 24px 65px #0004}
.future .rina-ui .cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;z-index:-2}
.future .rina-ui .cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1118129c 0%,transparent 45%,#101510ed 100%)}
.future .rina-ui .cover h1{font-size:50px;margin-top:12px;letter-spacing:-2px}
.future .rina-ui .cover p{font-size:16px;margin-bottom:22px}
.future .rina-ui .cover .tag{color:#ddd5c1}
.future .rina-ui .cover .button{font-size:14px;padding:10px 16px}
.future .rina-ui .cover-bottom{display:flex;justify-content:space-between;align-items:center}
.future .rina-ui .cover-bottom small{font-size:12px;color:#bcb6a4}
.future .rina-ui .cover.side{width:290px;height:450px;opacity:.5;z-index:-1}
.future .rina-ui .cover.side:first-child{margin-right:-20px}
.future .rina-ui .cover.side:last-child{margin-left:-20px}
.future .rina-ui .cover.side h2{font-size:35px;margin-top:12px}
.future .rina-ui .preview-card{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;border:1px solid #555447;overflow:hidden;margin:35px 0 80px;background:#22251f}
.future .rina-ui .preview-card:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.35;background-image:none;background-size:270px}
.future .rina-ui .card-copy{padding:60px;background:linear-gradient(90deg,#20231ff2,#20231f80)}
.future .rina-ui .card-copy h2{font-size:56px;margin:28px 0}
.future .rina-ui .card-copy .lead{font-size:27px;line-height:1.4;margin-bottom:20px;letter-spacing:-.7px}
.future .rina-ui .card-copy p{color:#bcb9aa;margin-bottom:32px}
.future .rina-ui .small-chat{padding:40px 55px}
.future .rina-ui .chat{background:#242b29;border:1px solid #535c50;border-radius:16px;overflow:hidden;box-shadow:0 25px 60px #0003}
.future .rina-ui .chat-head{display:flex;align-items:center;gap:13px;padding:18px 22px;background:#303831;border-bottom:1px solid #4c5548}
.future .rina-ui .avatar{width:36px;height:36px;border:1px solid #9d9e7c;border-radius:50%;display:grid;place-items:center;color:#e6d8ac}
.future .rina-ui .chat-head small{display:block;font-size:11px;color:#aeb8a6}
.future .rina-ui .chat-body{padding:24px;display:flex;flex-direction:column;gap:16px}
.future .rina-ui .bubble{max-width:94%;padding:15px 18px;background:#364038;border-radius:3px 14px 14px 14px;font-size:14px;line-height:1.65}
.future .rina-ui .bubble.user{align-self:flex-end;background:#56604b;border-radius:14px 3px 14px 14px}
.future .rina-ui .bubble p+p{margin-top:12px}
.future .rina-ui .time{display:block;text-align:right;font-size:10px;color:#b7bea8;margin-top:7px}
.future .rina-ui .chat-input{margin:0 20px 20px;border-radius:8px;background:#303831;padding:12px;color:#a8ad9d;font-size:13px}
.future .rina-ui .chat-input span{float:right}
.future .rina-ui .scene{position:absolute;top:0;left:0;width:100%;height:820px;z-index:-1;background:url('/assets/illustrations/rina-scene.webp') center 44%/cover no-repeat}
.future .rina-ui .scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1c1c1b30 0%,#1c1c1b18 35%,#1c1c1bd9 80%,#1c1c1b 100%),linear-gradient(90deg,#111a17ce 0%,#111a1765 40%,transparent 85%)}
.future .rina-ui .case{isolation:isolate}
.future .rina-ui .hero{padding:40px 0 64px;min-height:570px;display:flex;flex-direction:column;justify-content:space-between}
.future .rina-ui .back{font-size:13px;color:#ddd8c7}
.future .rina-ui .hero h1{font-size:110px;letter-spacing:-5px;margin:14px 0 22px}
.future .rina-ui .hero .hero-summary{font-size:24px;max-width:530px;line-height:1.45;margin-bottom:25px}
.future .rina-ui .hero .tag{color:#ded9c9}
.future .rina-ui .hero small{display:block;color:#c2beaf;margin-top:14px}
.future .rina-ui .opening{max-width:950px;font-size:39px;line-height:1.32;letter-spacing:-1.3px;padding:32px 0 76px}
.future .rina-ui .scenario{border-top:1px solid #555246;padding:45px 0 75px;scroll-margin-top:20px}
.future .rina-ui .scenario-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:20px 0 45px;align-items:end}
.future .rina-ui .scenario-heading h2{font-size:45px;letter-spacing:-1.6px}
.future .rina-ui .scenario-heading p{font-size:18px;color:#b9b6a8}
.future .rina-ui .workflow{display:grid;grid-template-columns:.86fr 1.14fr;gap:50px;align-items:start}
.future .rina-ui .workflow .chat{max-width:420px;margin:auto}
.future .rina-ui .step-label{font-size:12px;color:#b5b2a2;margin-bottom:14px;letter-spacing:.09em;text-transform:uppercase}
.future .rina-ui .brief{background:#e5e3d5;color:#303b32;padding:36px 40px;border-radius:4px;position:relative}
.future .rina-ui .brief .tag{color:#5e6d57}
.future .rina-ui .brief h3{font-size:28px;margin:14px 0 6px}
.future .rina-ui .brief .sub{color:#68705f;font-size:13px}
.future .rina-ui .brief-row{padding:22px 0;border-bottom:1px solid #c3c8b4}
.future .rina-ui .brief-row h4{font-size:14px;margin:0 0 9px}
.future .rina-ui .brief-row p,.future .rina-ui .brief-row ul{font-size:15px;line-height:1.6;margin:0}
.future .rina-ui .brief-row ul{padding-left:20px}
.future .rina-ui .brief-row:last-child{border:0;padding-bottom:0}
.future .rina-ui .source{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.future .rina-ui .source span{font-size:11px;background:#d2d8c5;padding:4px 8px;border-radius:4px}
.future .rina-ui .proof-note{margin-top:24px;color:#8f9485;font-size:12px}
.future .rina-ui .flow-action{display:block;margin-top:14px;padding:10px;width:100%;background:#d8dfc6;color:#30392c;border:0;border-radius:5px;text-align:left;font-size:13px}
.future .rina-ui .flow-action[aria-pressed=true]{background:#aabd96}
.future .rina-ui .next{display:flex;gap:30px;justify-content:space-between;border-top:1px solid #555246;padding:30px 0;color:#adae9b;font-size:14px}
.future .rina-ui .next a{color:#e3d5b5}
.future .rina-ui .reveal{animation:rina-appear .7s ease both}
@keyframes rina-appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.future .rina-ui .reveal{animation:none}}
@media(max-width:850px){.future .rina-ui .cover.side{width:24%;height:380px;padding:18px}
.future .rina-ui .cover.side h2{font-size:24px}
.future .rina-ui .cover{width:52%;height:490px}
.future .rina-ui .preview-card{grid-template-columns:1fr}
.future .rina-ui .card-copy{padding:35px}
.future .rina-ui .small-chat{padding:0 35px 35px}
.future .rina-ui .workflow{gap:25px;grid-template-columns:1fr 1fr}
.future .rina-ui .brief{padding:25px}
.future .rina-ui .scenario-heading h2{font-size:35px}
.future .rina-ui .opening{font-size:31px}}
@media(max-width:600px){.future .rina-ui .brand{font-size:18px}
.future .rina-ui .nav{gap:12px;font-size:12px}
.future .rina-ui .nav .hide-mobile{display:none}
.future .rina-ui .gallery{min-height:540px;padding:20px 0}
.future .rina-ui .cover.side{display:none}
.future .rina-ui .cover{width:min(360px,100%);height:500px}
.future .rina-ui .intro{font-size:11px;gap:20px}
.future .rina-ui .card-copy h2{font-size:43px;margin:20px 0}
.future .rina-ui .card-copy .lead{font-size:24px}
.future .rina-ui .card-copy{padding:28px}
.future .rina-ui .small-chat{padding:0 18px 24px}
.future .rina-ui .hero{min-height:555px;padding-top:20px}
.future .rina-ui .hero h1{font-size:80px;letter-spacing:-3px}
.future .rina-ui .hero .hero-summary{font-size:21px;max-width:310px}
.future .rina-ui .scene{height:770px;background-position:61% center}
.future .rina-ui .scene:after{background:linear-gradient(180deg,#111a1766 0%,#111a1755 30%,#1c1c1bce 78%,#1c1c1b 100%)}
.future .rina-ui .opening{font-size:28px;padding:10px 0 45px}
.future .rina-ui .scenario-heading,.future .rina-ui .workflow{grid-template-columns:1fr;gap:24px}
.future .rina-ui .scenario-heading h2{font-size:35px}
.future .rina-ui .scenario-heading p{font-size:16px}
.future .rina-ui .brief{padding:25px}
.future .rina-ui .workflow .chat{max-width:none}
.future .rina-ui .next{flex-direction:column;gap:12px}
.future .rina-ui .chat-body{padding:18px}
.future .rina-ui .preview-card{margin-top:15px}
.future .rina-ui .scenario{padding-top:30px}}
.future .rina-ui .chat-day{text-align:center;color:#c4c9b6;font-size:11px;padding:2px 0}
.future .rina-ui .ogorod-followup{padding:28px 0 0}
.future .rina-ui .ogorod-followup h3{font-size:21px;font-weight:400;margin-bottom:14px}
.future .rina-ui .ogorod-followup p{font-size:16px;color:#b9b6a8;line-height:1.7}
.future .rina-ui .hero .hero-summary{max-width:610px}
.future .rina-ui .cover:not(.side) img{object-position:62% center}
.future .rina-ui .rina-observation{display:flex;align-items:flex-start;gap:14px;padding:22px 0;color:#c5c8b7;font-size:14px;line-height:1.65}
.future .rina-ui .rina-observation .avatar{flex-shrink:0}
.future .rina-ui .rina-observation strong{font-weight:400;color:#f2f0e7}
.future .rina-ui .ogorod-followup p+p{margin-top:14px}
.future .rina-ui .case-intro{padding:0 0 45px}
.future .rina-ui .case-intro .opening{max-width:1120px;padding-bottom:35px;font-size:34px}
.future .rina-ui .intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.future .rina-ui .intro-columns h2{font-size:19px;font-weight:400;margin-bottom:13px}
.future .rina-ui .intro-columns p{font-size:16px;color:#b9b6a8;line-height:1.75}
.future .rina-ui .case-sections{display:flex;gap:9px;flex-wrap:wrap;padding:0 0 22px}
.future .rina-ui .case-sections a{border:1px solid #595c4e;padding:9px 16px;font-size:13px;border-radius:25px;color:#d5d6c4}
.future .rina-ui .case-sections a:hover{background:#333b2d}
.future .rina-ui .demo-caption{font-size:12px;color:#969a8b;padding-bottom:30px}
.future .rina-ui .rhythm{border-top:1px solid #545a49}
.future .rina-ui .rhythm>div{display:grid;grid-template-columns:130px 1fr;gap:7px 22px;border-bottom:1px solid #545a49;padding:22px 0}
.future .rina-ui .rhythm span{font-size:12px;color:#c4bc9e;grid-row:span 2;padding-top:4px}
.future .rina-ui .rhythm h3{font-size:24px;font-weight:400}
.future .rina-ui .rhythm p{color:#b9b6a8;font-size:15px;line-height:1.65}
.future .rina-ui .quote{display:block;margin-top:9px;font-style:italic;color:#66715d}
.future .rina-ui .case-ending{border-top:1px solid #555246;padding:42px 0 65px}
.future .rina-ui .case-ending h2{font-weight:400;font-size:33px;line-height:1.25;margin-bottom:20px}
.future .rina-ui .case-ending p{max-width:920px;color:#b9b6a8;font-size:18px;line-height:1.7;margin-bottom:30px}
.future .rina-ui .hero .hero-summary{max-width:720px}
.future .rina-ui .scenario .chat{max-width:none}
.future .rina-ui .scenario .workflow{grid-template-columns:1fr 1fr}
.future .rina-ui .scenario .scenario-heading{align-items:start}
.future .rina-ui .scenario .scenario-heading h2{font-weight:400}
.future .rina-ui .case-sections a:focus-visible{outline:2px solid #e8d7a8;outline-offset:4px}
@media(max-width:600px){.future .rina-ui .case-intro .opening{font-size:27px}
.future .rina-ui .intro-columns{grid-template-columns:1fr;gap:24px}
.future .rina-ui .scenario .workflow{grid-template-columns:1fr}
.future .rina-ui .rhythm>div{grid-template-columns:85px 1fr;gap:7px 14px}
.future .rina-ui .rhythm h3{font-size:22px}
.future .rina-ui .case-ending h2{font-size:27px}
.future .rina-ui .case-ending p{font-size:16px}
.future .rina-ui .case-sections{gap:7px}
.future .rina-ui .case-sections a{padding:8px 12px;font-size:12px}
.future .rina-ui .hero .hero-summary{font-size:21px}
.future .rina-ui .hero .hero-summary br{display:none}}
/* Shared page frame remains owned by styles.css. */
.future .rina-ui h2,.future .rina-ui h3,.future .rina-ui h4{color:inherit}
.future .rina-ui .brief h3{font-weight:700;color:#303b32}
.future .rina-ui .brief-row h4{color:#303b32}
.future .rina-ui .hero .back{margin:0;padding:0;align-self:flex-start}
.future .rina-ui .hero h1{color:#f2f0e7;line-height:1.12}
.future .rina-ui .case-context{padding:0;margin:0;background:none;border:0;border-radius:0;display:grid;grid-template-columns:1fr 1fr;gap:60px}
.future .rina-ui .case-context>div{margin:0}
.future .rina-ui .case-context h2{font-size:19px;font-weight:400;letter-spacing:0;margin:0 0 13px}
.future .rina-ui .case-context p{font-size:16px;color:#b9b6a8;line-height:1.75;max-width:none}
.future .rina-ui .feature-section{display:block;margin:0;padding:45px 0 75px;min-width:0}
.future .rina-ui .scenario{scroll-margin-top:20px}
.future .project-rina>.rina-stage{display:block;aspect-ratio:auto;padding:45px 38px;min-height:450px;background:transparent}
.future .project-rina .small-chat{padding:0}
.future .project-rina .chat{max-width:520px;margin:auto;text-align:left}
.future .slide-rina .scene-cover img{object-position:62% center}
.future-detail.detail-rina .scene-backdrop{height:820px;max-height:none}
.future-detail.detail-rina .scene-backdrop img{object-position:50% 44%}
.future-detail.detail-rina .scene-backdrop:after{background:linear-gradient(180deg,#1c1c1b30 0%,#1c1c1b18 35%,#1c1c1bd9 80%,#1c1c1b 100%),linear-gradient(90deg,#111a17ce 0%,#111a1765 40%,transparent 85%)}
@media(max-width:600px){
.future .rina-ui .case-context{grid-template-columns:1fr;gap:24px}
.future .rina-ui .feature-section{padding:30px 0 55px}
.future .project-rina>.rina-stage{padding:25px 18px;min-height:0}
.future-detail.detail-rina .scene-backdrop{height:770px}
.future-detail.detail-rina .scene-backdrop img{object-position:61% center}
.future-detail.detail-rina .scene-backdrop:after{background:linear-gradient(180deg,#111a1766 0%,#111a1755 30%,#1c1c1bce 78%,#1c1c1b 100%)}
}