html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: #f0f9ff; color: #17223b; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.65; }
:root { --rotaeno-bg:#f0f9ff; --rotaeno-ink:#17223b; --rotaeno-muted:#52607b; --rotaeno-accent:#8b5cf6; --rotaeno-deep:#3c2376; --rotaeno-card:#ffffff; --rotaeno-line:#dbe7f1; --rotaeno-shadow:0 18px 45px rgba(30, 55, 98, .10); }
* { box-sizing: border-box; }
img, video { max-width: 100%; display: block; } a { color: inherit; } a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #22c6d4; outline-offset: 3px; }
.rotaeno-shell { width: min(1240px, calc(100% - 40px)); margin: auto; }
.rotaeno-site-header { position: sticky; top: 0; z-index: 10; background: rgba(240,249,255,.88); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(219,231,241,.8); }
.rotaeno-header-inner { min-height: 70px; display:flex; justify-content:space-between; align-items:center; gap:24px; }.rotaeno-brand { text-decoration:none; display:inline-flex; align-items:center; gap:10px; font-weight:800; letter-spacing:-.03em; }.rotaeno-brand img{ width:36px; height:36px; border-radius:11px; }.rotaeno-brand span{ display:grid; line-height:1.1; }.rotaeno-brand small{ font-weight:500; font-size:10px; letter-spacing:.03em; color:var(--rotaeno-muted); margin-top:4px; }.rotaeno-main-nav{ display:flex; gap:24px; }.rotaeno-main-nav a, .rotaeno-site-footer nav a{ color:var(--rotaeno-muted); text-decoration:none; font-size:12px; font-weight:700; }.rotaeno-main-nav a:hover, .rotaeno-site-footer nav a:hover{ color:var(--rotaeno-accent); }.rotaeno-menu-button { display:none; border:0; background:none; color:var(--rotaeno-ink); font:inherit; font-weight:800; }
.rotaeno-hero{ padding:72px 0 64px; background:radial-gradient(circle at 85% 20%,rgba(139,92,246,.16),transparent 32%),linear-gradient(135deg,#f0f9ff 15%,#e8e7ff 100%); }.rotaeno-hero-grid{ display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:60px; }.rotaeno-eyebrow{ margin:0 0 12px; color:var(--rotaeno-accent); font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }.rotaeno-title-line{ display:flex; align-items:center; gap:18px; }.rotaeno-title-line img{ width:64px; border-radius:20px; box-shadow:var(--rotaeno-shadow); }.rotaeno-hero h1,.rotaeno-section h2,.rotaeno-closing h2{ font-size:clamp(32px,5vw,58px); line-height:1.04; letter-spacing:-.055em; margin:0; }.rotaeno-lead{ max-width:590px; font-size:17px; line-height:1.55; color:var(--rotaeno-muted); margin:22px 0; }.rotaeno-hero-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:20px; }.rotaeno-button{ background:var(--rotaeno-accent); color:#fff; text-decoration:none; font-weight:800; padding:12px 17px; border-radius:999px; box-shadow:0 8px 20px rgba(139,92,246,.24); transition:transform .2s,background .2s; }.rotaeno-button:hover{ background:var(--rotaeno-deep); transform:translateY(-2px); }.rotaeno-text-link{ font-weight:800; color:var(--rotaeno-deep); text-decoration:none; }.rotaeno-text-link:hover{ color:var(--rotaeno-accent); }.rotaeno-facts{ display:flex; flex-wrap:wrap; gap:24px; margin:30px 0 0; }.rotaeno-facts div{ padding-left:12px; border-left:2px solid var(--rotaeno-accent); }.rotaeno-facts dt{ color:var(--rotaeno-muted); font-size:11px; }.rotaeno-facts dd{ margin:0; font-weight:800; }.rotaeno-hero-media{ position:relative; border-radius:26px; overflow:hidden; background:#10162d; box-shadow:var(--rotaeno-shadow); }.rotaeno-hero-media video{ width:100%; aspect-ratio:16/9; object-fit:cover; }.rotaeno-hero-media p{ position:absolute; bottom:0; left:0; right:0; margin:0; padding:28px 18px 15px; color:#fff; font-size:11px; font-weight:700; background:linear-gradient(transparent,rgba(8,10,30,.75)); }
.rotaeno-section{ padding:88px 0; }.rotaeno-intro-layout{ display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; }.rotaeno-section h2{ font-size:clamp(28px,3.6vw,46px); }.rotaeno-prose p{ margin:0 0 17px; color:var(--rotaeno-muted); }.rotaeno-motion{ background:#17223b; color:#f8fbff; }.rotaeno-motion-grid{ display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:65px; }.rotaeno-motion-image img{ border-radius:24px; box-shadow:0 20px 45px rgba(0,0,0,.25); }.rotaeno-motion .rotaeno-eyebrow{ color:#bba7ff; }.rotaeno-motion p{ color:#c5cddd; }.rotaeno-steps{ padding:0; list-style:none; counter-reset:rotaeno-steps; }.rotaeno-steps li{ counter-increment:rotaeno-steps; position:relative; padding:0 0 17px 46px; color:#d7deea; }.rotaeno-steps li::before{ content:counter(rotaeno-steps, decimal-leading-zero); position:absolute; left:0; color:#bba7ff; font-size:11px; font-weight:800; letter-spacing:.08em; }.rotaeno-steps strong{ color:#fff; }
.rotaeno-track-section{ background:linear-gradient(120deg,#f0f9ff,#f8f5ff); }.rotaeno-section-heading{ max-width:720px; margin-bottom:35px; }.rotaeno-section-heading > p:last-child{ color:var(--rotaeno-muted); margin-bottom:0; }.rotaeno-track-layout{ display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:14px; }.rotaeno-track-layout article{ min-height:200px; padding:25px; background:rgba(255,255,255,.75); border-radius:20px; box-shadow:0 10px 26px rgba(30,55,98,.06); }.rotaeno-track-layout article:first-child{ background:var(--rotaeno-accent); color:white; }.rotaeno-number{ display:block; font-weight:800; font-size:11px; letter-spacing:.1em; opacity:.75; }.rotaeno-track-layout h3{ font-size:19px; margin:38px 0 8px; letter-spacing:-.03em; }.rotaeno-track-layout p{ color:var(--rotaeno-muted); margin:0; font-size:13px; }.rotaeno-track-layout article:first-child p{ color:#f0ebff; }
.rotaeno-review-layout{ display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; }.rotaeno-review-visual{ position:relative; }.rotaeno-review-visual img{ border-radius:25px; }.rotaeno-quote-mark{ position:absolute; right:-12px; bottom:-28px; width:66px; height:66px; display:grid; place-items:center; background:#fff; color:var(--rotaeno-accent); border-radius:50%; font:800 72px Georgia,serif; line-height:1; box-shadow:var(--rotaeno-shadow); }.rotaeno-split-review p{ color:var(--rotaeno-muted); }
.rotaeno-gallery-section{ background:#e7f3fb; }.rotaeno-gallery{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.rotaeno-gallery figure{ margin:0; border-radius:15px; overflow:hidden; background:white; box-shadow:0 8px 22px rgba(30,55,98,.08); }.rotaeno-gallery img{ width:100%; height:135px; object-fit:cover; transition:transform .35s; }.rotaeno-gallery figure:hover img{ transform:scale(1.05); }.rotaeno-gallery figcaption{ padding:9px 10px 11px; font-size:11px; color:var(--rotaeno-muted); line-height:1.35; }.rotaeno-gallery .rotaeno-gallery-wide{ grid-column:span 2; }.rotaeno-gallery-wide img{ height:180px; }
.rotaeno-faq-layout{ display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; }.rotaeno-faq-layout > div:first-child p:last-child{ color:var(--rotaeno-muted); }.rotaeno-faq-list details{ border-bottom:1px solid var(--rotaeno-line); padding:0 0 15px; margin:0 0 15px; }.rotaeno-faq-list summary{ cursor:pointer; list-style:none; font-weight:800; padding-right:28px; position:relative; }.rotaeno-faq-list summary::-webkit-details-marker{ display:none; }.rotaeno-faq-list summary::after{ content:'+'; position:absolute; right:2px; color:var(--rotaeno-accent); font-size:20px; top:-5px; }.rotaeno-faq-list details[open] summary::after{ content:'–'; }.rotaeno-faq-list p{ color:var(--rotaeno-muted); margin:10px 0 0; }.rotaeno-closing{ padding:65px 0; background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.23),transparent 35%),#30205c; color:white; }.rotaeno-closing-inner{ display:flex; justify-content:space-between; align-items:center; gap:40px; }.rotaeno-closing h2{ font-size:clamp(29px,4vw,45px); }.rotaeno-closing p:not(.rotaeno-eyebrow){ max-width:720px; color:#ded7f3; }.rotaeno-closing .rotaeno-eyebrow{ color:#c5b4ff; }.rotaeno-closing a img{ width:170px; }
.rotaeno-site-footer{ padding:46px 0 18px; background:#10182d; color:#f2f6ff; }.rotaeno-footer-grid{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:30px; }.rotaeno-footer-brand small,.rotaeno-site-footer p,.rotaeno-site-footer nav a{ color:#aebbd1; }.rotaeno-site-footer p{ max-width:340px; font-size:12px; }.rotaeno-site-footer nav{ display:grid; align-content:start; gap:6px; }.rotaeno-site-footer nav h2{ margin:0 0 4px; font-size:12px; }.rotaeno-copyright{ border-top:1px solid rgba(174,187,209,.2); margin-top:30px; padding-top:16px; color:#aebbd1; font-size:11px; }.rotaeno-cookie{ position:fixed; z-index:20; right:18px; bottom:18px; max-width:380px; display:flex; align-items:center; gap:15px; padding:15px; border-radius:15px; background:#fff; box-shadow:var(--rotaeno-shadow); }.rotaeno-cookie p{ margin:0; font-size:11px; color:var(--rotaeno-muted); }.rotaeno-cookie a{ color:var(--rotaeno-deep); }.rotaeno-cookie button{ flex:none; border:0; border-radius:999px; padding:9px 12px; background:var(--rotaeno-accent); color:#fff; font:700 12px Arial,sans-serif; cursor:pointer; }.rotaeno-cookie button:hover{ background:var(--rotaeno-deep); }
.rotaeno-page-hero{ padding:70px 0 45px; background:linear-gradient(135deg,#e8f7ff,#eeeaff); }.rotaeno-page-hero h1{ font-size:clamp(34px,5vw,55px); letter-spacing:-.05em; margin:0; }.rotaeno-page-hero p{ max-width:680px; color:var(--rotaeno-muted); font-size:16px; }.rotaeno-legal{ padding:55px 0 90px; }.rotaeno-legal-layout{ display:grid; grid-template-columns:260px 1fr; gap:65px; }.rotaeno-legal-aside{ align-self:start; position:sticky; top:92px; padding:20px; background:white; border-radius:15px; }.rotaeno-legal-aside strong{ display:block; margin-bottom:8px; }.rotaeno-legal-aside p{ font-size:12px; color:var(--rotaeno-muted); margin:0; }.rotaeno-legal-content{ max-width:760px; }.rotaeno-legal-content h2{ font-size:24px; letter-spacing:-.035em; margin:0 0 10px; }.rotaeno-legal-content section{ margin-bottom:38px; }.rotaeno-legal-content p,.rotaeno-legal-content li{ color:var(--rotaeno-muted); }.rotaeno-legal-content ul{ padding-left:20px; }.rotaeno-contact-card{ padding:24px; background:#fff; border-radius:18px; box-shadow:var(--rotaeno-shadow); }.rotaeno-contact-card p{ margin-bottom:0; }
@media (max-width:760px){ .rotaeno-shell{ width:min(100% - 28px,1240px); }.rotaeno-header-inner{ min-height:62px; }.rotaeno-main-nav{ display:none; position:absolute; top:62px; right:14px; left:14px; padding:14px; background:#fff; border-radius:14px; box-shadow:var(--rotaeno-shadow); }.rotaeno-main-nav.rotaeno-nav-open{ display:grid; gap:10px; }.rotaeno-menu-button{ display:block; }.rotaeno-hero{ padding:42px 0; }.rotaeno-hero-grid,.rotaeno-intro-layout,.rotaeno-motion-grid,.rotaeno-review-layout,.rotaeno-faq-layout,.rotaeno-legal-layout{ grid-template-columns:1fr; gap:30px; }.rotaeno-hero-media{ order:-1; }.rotaeno-title-line img{ width:53px; }.rotaeno-facts{ gap:15px; }.rotaeno-section{ padding:57px 0; }.rotaeno-track-layout{ grid-template-columns:1fr; }.rotaeno-track-layout article{ min-height:auto; }.rotaeno-track-layout h3{ margin-top:22px; }.rotaeno-gallery{ grid-template-columns:repeat(2,1fr); gap:10px; }.rotaeno-gallery img,.rotaeno-gallery-wide img{ height:120px; }.rotaeno-gallery .rotaeno-gallery-wide{ grid-column:span 2; }.rotaeno-review-visual{ max-width:540px; }.rotaeno-quote-mark{ right:5px; bottom:-18px; width:52px; height:52px; font-size:55px; }.rotaeno-closing-inner{ display:grid; }.rotaeno-footer-grid{ grid-template-columns:1fr 1fr; }.rotaeno-footer-grid > div:first-child{ grid-column:span 2; }.rotaeno-legal-aside{ position:static; }.rotaeno-cookie{ left:14px; right:14px; max-width:none; }.rotaeno-cookie p{ font-size:10px; } }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } *,*::before,*::after{ transition:none!important; animation:none!important; } }
.rotaeno-narrow-prose{ max-width:760px; margin-top:28px; }