/* Ringetone (ringetone.theill.com). The app's look (Ringetone/App/Theme.swift): lavender paper, the violet accent,
   grey waveform bars with the chosen part in violet between trim brackets, the orange fade curve. System rounded type,
   no web fonts, nothing loaded from other sites. */
:root{color-scheme:light dark;
--page:#F7F5FC;--card:#FFFFFF;--ink:#1B1530;--muted:#655F7A;--line:#E4DFF2;
--accent:#5B3FE0;--accent-ink:#4A2FCC;--soft:#ECE8FD;--wave:#C9C4D9;--fade:#FF8A3D;--fade-soft:#FFEEE2;--right:#2E9E5B;
--deep:#3A22B8;--shadow:0 1px 2px rgba(40,20,110,.06),0 14px 34px -16px rgba(40,20,110,.28);
--round:ui-rounded,"SF Pro Rounded","Hiragino Maru Gothic ProN","Apple SD Gothic Neo",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;
--sans:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,"Hiragino Sans","Apple SD Gothic Neo","Noto Sans",sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
--page:#111016;--card:#1E1C26;--ink:#F2EFFA;--muted:#ABA5BE;--line:#2D2939;
--accent:#8F7DFF;--accent-ink:#A898FF;--soft:#251F44;--wave:#4A4659;--fade:#FFA25E;--fade-soft:#3A2618;--right:#3CCB78;
--deep:#2A1C86;--shadow:0 1px 2px rgba(0,0,0,.35),0 16px 34px -16px rgba(0,0,0,.7)}}
:root[data-theme="dark"]{--page:#111016;--card:#1E1C26;--ink:#F2EFFA;--muted:#ABA5BE;--line:#2D2939;
--accent:#8F7DFF;--accent-ink:#A898FF;--soft:#251F44;--wave:#4A4659;--fade:#FFA25E;--fade-soft:#3A2618;--right:#3CCB78;
--deep:#2A1C86;--shadow:0 1px 2px rgba(0,0,0,.35),0 16px 34px -16px rgba(0,0,0,.7)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--ink);font:400 17px/1.6 var(--sans);overflow-x:hidden}
a{color:var(--accent-ink)}img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:var(--card);padding:8px 12px;border-radius:10px;z-index:10}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}.narrow{max-width:760px}
h1,h2,h3{font-family:var(--round);margin:0 0 .4em;font-weight:800;letter-spacing:-.025em;line-height:1.06}
h1{font-size:clamp(40px,5.6vw,72px);letter-spacing:-.035em}h2{font-size:clamp(32px,4.2vw,50px)}
h3{font-size:21px;font-weight:750;letter-spacing:-.01em;line-height:1.22}
/* The accent: violet words between two trim brackets, as the icon picks out the middle of its waveform. */
h1 em,h2 em{font-style:normal;color:var(--accent);padding:0 .2em;margin:0 .04em;-webkit-box-decoration-break:clone;box-decoration-break:clone;
background:linear-gradient(currentColor,currentColor) left top/.065em 100% no-repeat,linear-gradient(currentColor,currentColor) left top/.2em .065em no-repeat,
linear-gradient(currentColor,currentColor) left bottom/.2em .065em no-repeat,linear-gradient(currentColor,currentColor) right top/.065em 100% no-repeat,
linear-gradient(currentColor,currentColor) right top/.2em .065em no-repeat,linear-gradient(currentColor,currentColor) right bottom/.2em .065em no-repeat}
:lang(ko) h1,:lang(ko) h2,:lang(ko) h3,:lang(ko) .lead,:lang(ko) p{word-break:keep-all}
:lang(ja){--round:ui-rounded,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",system-ui,sans-serif}
:lang(ja) h1,:lang(ja) h2,:lang(ko) h1,:lang(ko) h2{letter-spacing:-.01em;line-height:1.2}
:lang(ja) h1,:lang(ko) h1{font-size:clamp(34px,4.6vw,58px)}:lang(ja) h2,:lang(ko) h2{font-size:clamp(28px,3.6vw,42px)}
.lead{font-size:clamp(18px,1.9vw,21px);color:var(--muted);max-width:36em;margin:0}.muted{color:var(--muted);font-size:15px}
/* header */
.top .wrap{display:flex;align-items:center;gap:26px;height:76px}
.brand{display:flex;align-items:center;gap:10px;font:800 23px var(--round);letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.brand img{border-radius:9px;box-shadow:0 5px 12px -5px rgba(91,63,224,.7)}
.top nav{margin-left:auto;display:flex;gap:24px}.top nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:16px}.top nav a:hover{color:var(--accent-ink)}
.pill{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:999px;padding:10px 18px;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
.pill.soon{background:var(--soft);color:var(--accent-ink)}
/* hero */
.hero{position:relative;overflow:hidden;isolation:isolate;padding:36px 0 0}
.hero::before{content:"";position:absolute;inset:-20% -10% 30% 35%;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 16%,transparent),transparent)}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.actions{display:flex;align-items:center;gap:24px;margin:30px 0 24px;flex-wrap:wrap}
.pill.big{padding:0 28px;min-height:58px;font-size:17px}
.pill.big.soon{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}
.more{font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2.5px;text-underline-offset:6px}
.facts{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--muted);font-weight:600;font-size:15px}
.facts li{display:flex;align-items:center;gap:7px}.facts svg{width:18px;height:18px;color:var(--accent)}
.hero-art{position:relative;min-height:680px;display:grid;place-items:center end}
.chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:999px;font:700 16px var(--round);
background:var(--card);box-shadow:var(--shadow);color:var(--ink)}
.chip svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--soft);color:var(--accent);box-sizing:content-box}
.chip.c1{left:3%;top:20%;transform:rotate(-6deg)}.chip.c2{left:13%;top:43%;transform:rotate(4deg)}.chip.c3{left:0;top:66%;transform:rotate(-3deg)}
.ribbon-wrap{position:relative;height:150px;margin-top:-30px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.ribbon{display:block;width:100%;height:100%}
.ribbon .w{fill:var(--wave);opacity:.55}.ribbon .s{fill:var(--accent)}
.ribbon .bracket{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
/* the phone and its drawn screens (sizes follow the app's points at about 0.72×) */
.phone{position:relative;z-index:2;width:300px;aspect-ratio:300/640;border-radius:54px;padding:11px;background:#16131F;flex:none;
box-shadow:0 0 0 1.5px #39334A,0 50px 80px -30px rgba(50,25,140,.55)}
.phone::before{content:"";position:absolute;top:20px;left:50%;width:84px;height:24px;margin-left:-42px;border-radius:14px;background:#16131F;z-index:3}
.screen{height:100%;border-radius:44px;background:var(--page);color:var(--ink);overflow:hidden;position:relative;font-family:var(--sans);display:flex;flex-direction:column;
padding:52px 12px 14px;gap:9px;font-size:11.5px;line-height:1.3}
.screen svg{display:block}
.snav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:24px}
.snav b{font-size:12.5px;font-weight:650}.snav .link{color:var(--accent);font-size:12.5px}.snav .link.strong{font-weight:700;justify-self:end}
.field{background:var(--card);border-radius:10px;padding:8px 10px;font:750 16px var(--round)}
.segmented{display:grid;grid-template-columns:1fr 1fr;background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:8px;padding:2px;text-align:center;font-weight:600;font-size:11px}
.segmented span{padding:4px 0;border-radius:6px;color:var(--muted)}.segmented .on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.scard{background:var(--card);border-radius:15px;padding:11px}
.wavecard{display:flex;flex-direction:column;gap:8px}
.detail{width:100%;height:auto}.detail .bars rect{fill:var(--accent)}
.detail .envelope{fill:none;stroke:var(--fade);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.detail .playhead{fill:var(--ink)}
.overview{width:100%;height:auto;overflow:visible}.overview .w{fill:var(--wave)}.overview .s{fill:var(--accent)}
.overview .frame{fill:color-mix(in srgb,var(--accent) 8%,transparent);stroke:var(--accent);stroke-width:2.5}
.overview .handle{fill:var(--accent)}.overview .grip{fill:#fff;opacity:.9}
.times{display:flex;align-items:center;gap:3px;font-weight:600;font-size:10px;font-variant-numeric:tabular-nums}
.nudge{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--soft);color:var(--accent);flex:none}.nudge svg{width:9px;height:9px}
.len{flex:1;display:flex;flex-direction:column;align-items:center;line-height:1.05}.len b{font:800 16px var(--round)}.len small{font-size:8px;color:var(--muted);font-weight:500}
.listen{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:999px;background:var(--soft);color:var(--accent);font-weight:700;font-size:12.5px}
.listen svg{width:13px;height:13px}
.fades p{margin:0 0 5px;font-weight:650;font-size:11px}.fades p+.fchips{margin-bottom:10px}.fades .fchips:last-child{margin-bottom:0}
.fchips{display:flex;gap:4px}
.fchip{flex:1;text-align:center;padding:5px 0;border-radius:999px;background:color-mix(in srgb,var(--ink) 6%,transparent);font-size:10px;white-space:nowrap;overflow:hidden}
.fchip.on{background:color-mix(in srgb,var(--fade) 18%,transparent);box-shadow:inset 0 0 0 1.5px var(--fade);font-weight:700}
.save{margin-top:auto;text-align:center;padding:11px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;font-size:13px}
/* library */
.library{gap:8px}
.library .snav{grid-template-columns:1fr auto}.appmark{display:flex;align-items:center;gap:6px;font:800 15px var(--round)}.appmark img{border-radius:6px}
.gear{justify-self:end;color:var(--accent)}.gear svg{width:19px;height:19px}
.big-title{margin:6px 0 0;font:750 17px var(--round)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:70px;padding:6px 4px;border-radius:13px;background:var(--card);
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent);text-align:center}
.tile svg{width:20px;height:20px;color:var(--accent)}.tile b{font-size:10.5px;font-weight:650;line-height:1.15}
.list-head{margin:10px 0 0 4px;font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
:lang(ja) .list-head,:lang(ko) .list-head{text-transform:none}
.list{list-style:none;margin:0;padding:0 10px;background:var(--card);border-radius:12px}
.list li{display:flex;align-items:center;gap:9px;padding:8px 0}.list li+li{border-top:1px solid var(--line)}
.play{flex:none;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--accent);color:#fff}.play svg{width:12px;height:12px;margin-left:1px}
.row-text{flex:1;min-width:0;display:flex;flex-direction:column}.row-text b{font-weight:650;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-text small{color:var(--muted);font-size:10.5px}
.share{flex:none;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--soft);color:var(--accent)}.share svg{width:15px;height:15px}
.list-foot{margin:2px 0 0 4px;color:var(--accent);font-weight:650;font-size:10.5px}
/* ready */
.ready{gap:12px}
.ready-top{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:2px}
.done-mark{width:46px;height:46px;color:var(--accent)}
.ready-title{margin:0;font:750 18px var(--round);text-align:center}
.capsule{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:999px;background:var(--card);max-width:100%}
.use{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 18px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;font-size:13px;white-space:nowrap}
.use svg{width:16px;height:16px}.use.wide{display:flex}
.guide ol{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.guide li{display:flex;gap:8px;font-size:10.5px;line-height:1.35}
.guide .n{flex:none;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--soft);color:var(--accent);font:800 11px var(--round)}
.guide hr{border:0;border-top:1px solid var(--line);margin:10px 0 8px}
.contact{display:flex;align-items:center;gap:5px;margin:0;font-weight:650;font-size:11px}.contact svg{width:15px;height:15px}
.contact-p{margin:3px 0 0;color:var(--muted);font-size:10.5px}
/* bands */
.band{padding:96px 0 16px}.band h2{max-width:17em}.band .lead{margin-top:4px}
.steps{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{position:relative;background:var(--card);border-radius:30px;padding:24px 26px 28px;box-shadow:var(--shadow)}
.step .num{position:absolute;top:18px;left:20px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font:800 17px var(--round);z-index:1}
.step h3{margin-top:22px}.step p{margin:0;color:var(--muted)}
.vis{border-radius:22px;background:var(--page);height:220px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:30px 20px 22px}
.vis .tiles{gap:10px}.vis .tile{min-height:104px;border-radius:18px;gap:10px}.vis .tile svg{width:28px;height:28px}.vis .tile b{font-size:14px}
.vis-trim .strip{background:var(--card);border-radius:14px;padding:12px 14px}
.vis-label{margin:4px 0 -4px 4px;font-weight:650;font-size:14px}
.vis .fchips{gap:6px}.vis .fchip{padding:7px 0;font-size:13px;background:var(--card)}.vis .fchip.on{background:var(--fade-soft)}
.vis-use{align-items:center}.vis-use .use{font-size:16px;padding:14px 22px}.vis-use .use svg{width:20px;height:20px}
.call{display:flex;align-items:center;gap:12px;width:100%;max-width:300px;padding:12px 14px;border-radius:20px;background:var(--card);box-shadow:var(--shadow)}
.avatar{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(160deg,#A99BFF,#5B3FE0);color:#fff;font:800 18px var(--round)}
.call .row-text b{font-size:16px}.call .row-text small{font-size:13px}
.ring{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--right);color:#fff}.ring svg{width:20px;height:20px}
@media (prefers-reduced-motion:no-preference){.ring svg{animation:ring 1.6s ease-in-out infinite;transform-origin:50% 15%}.chip{animation:float 6s ease-in-out infinite alternate}.chip.c2{animation-delay:-2s}.chip.c3{animation-delay:-4s}
.hero .playhead{animation:sweep 6s linear infinite}}
@keyframes ring{0%,40%,100%{transform:rotate(0)}5%,15%,25%{transform:rotate(14deg)}10%,20%,30%{transform:rotate(-14deg)}}
@keyframes float{to{translate:0 -10px}}
@keyframes sweep{from{transform:translateX(-84px)}to{transform:translateX(136px)}}
.screens-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.screens-row{display:flex;gap:28px;justify-content:center}
.screens figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}
.screens figcaption{max-width:250px;text-align:center;color:var(--muted);font-size:15px;font-weight:600;line-height:1.4}
.phone.small{width:270px;border-radius:50px;padding:10px}.phone.small .screen{border-radius:41px}
.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.note{background:var(--card);border-radius:26px;padding:26px;box-shadow:var(--shadow)}
.note>svg{width:40px;height:40px;padding:8px;border-radius:12px;background:var(--soft);color:var(--accent);box-sizing:content-box;margin-bottom:14px}
.note p{margin:0;color:var(--muted)}
.duo{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:stretch;padding-top:96px;padding-bottom:16px}
.duo section{border-radius:34px;padding:40px}
.violet{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:linear-gradient(150deg,#8B6CFF,#5B3FE0 55%,#4527C9)}
.violet::after{content:"";position:absolute;right:-20px;bottom:-10px;width:300px;height:150px;z-index:-1;opacity:.18;
background:repeating-linear-gradient(90deg,#fff 0 6px,transparent 6px 14px);-webkit-mask-image:radial-gradient(60% 100% at 70% 100%,#000,transparent);mask-image:radial-gradient(60% 100% at 70% 100%,#000,transparent)}
.violet h2,.violet h2 em{color:#fff}.violet p{color:rgba(255,255,255,.92);max-width:32em}
.nots{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-weight:650}
.nots li{display:flex;align-items:center;gap:8px}.nots svg{width:18px;height:18px;flex:none}
.card-panel{background:var(--card);box-shadow:var(--shadow)}.card-panel p{color:var(--muted)}
.icons{display:flex;gap:14px;margin-top:22px}.icons img{width:60px;border-radius:14px}
/* faq */
.faq-band{padding-bottom:96px}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:start}
.faq details{border-bottom:1.5px solid var(--line);padding:18px 0}.faq details:first-child{padding-top:4px}
.faq summary{font-weight:700;cursor:pointer;font-size:18px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--round)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:800;font-size:21px;line-height:1}
.faq details[open] summary::after{content:"\2212"}.faq p{color:var(--muted);margin:10px 0 0}
.wrap.page{padding:56px 24px 80px}.wrap.page h2{font-size:28px;margin-top:40px}.tips li{margin:8px 0}
/* footer (layout B) */
.site-footer{border-top:1px solid var(--line);padding:40px 0;font-size:15px;line-height:1.5;color:var(--muted)}
.site-footer p{margin:0}.site-footer a{color:inherit;text-decoration:none}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px 40px}
.footer-id{display:grid;gap:6px;max-width:440px}
.footer-brand{display:inline-flex;align-items:center;gap:8px;justify-self:start;margin-bottom:4px;color:var(--ink);font:700 16px/1.3 var(--round)}
.footer-brand img{width:20px;height:20px;border-radius:5px;box-shadow:0 0 0 1px var(--line);filter:grayscale(1);opacity:.5;transition:filter .2s,opacity .2s}
.footer-brand:hover img{filter:none;opacity:1}
.footer-made a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}
.footer-made a:hover,.footer-made a:focus-visible{color:var(--ink);text-decoration-color:currentColor}
.footer-side{display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 20px}.footer-links a:hover{color:var(--ink)}
/* Language: a pill that opens a menu upwards. Plain links inside, so it works without JavaScript too. */
.language{position:relative;display:inline-block}
.language summary{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);
color:var(--ink);font:600 15px/1 var(--sans);list-style:none;cursor:pointer;user-select:none;-webkit-user-select:none;transition:border-color .2s}
.language summary::-webkit-details-marker{display:none}
.language summary:hover,.language[open] summary{border-color:var(--muted)}
.language summary svg{width:18px;height:18px;flex:none;color:var(--muted)}
.language summary .chevron{width:14px;height:14px;margin-left:2px;transition:transform .2s}
.language[open] summary .chevron{transform:rotate(180deg)}
.language ul{position:absolute;right:0;bottom:calc(100% + 10px);z-index:5;min-width:220px;max-height:70vh;overflow:auto;margin:0;padding:6px;list-style:none;
display:grid;gap:2px;background:var(--card);border-radius:22px;transform-origin:bottom right;box-shadow:0 24px 60px -24px rgba(30,15,90,.45),0 0 0 1px var(--line)}
.language[open] ul{animation:language-in .16s cubic-bezier(.2,.8,.2,1)}
@keyframes language-in{from{opacity:0;transform:translateY(6px) scale(.98)}}
.site-footer .language a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border-radius:16px;color:var(--ink);font-size:16px}
.site-footer .language a:hover,.site-footer .language a:focus-visible{background:var(--soft);outline:none}
.language a[aria-current]{font-weight:650}.language a svg{width:18px;height:18px;color:var(--accent)}
/* responsive */
@media (max-width:1000px){.steps,.notes{grid-template-columns:1fr 1fr}.screens-grid{grid-template-columns:1fr}}
@media (max-width:900px){.hero-grid,.duo,.faq-grid{grid-template-columns:1fr}.hero{padding-top:20px}.hero-art{width:100%;max-width:560px;margin:0 auto}.faq-grid{gap:8px}}
@media (max-width:760px){.footer-top{flex-direction:column}.footer-side{align-items:flex-start}.footer-links{justify-content:flex-start}
.language ul{right:auto;left:0;transform-origin:bottom left}.top nav{display:none}.top .pill{margin-left:auto}
.screens-row{flex-direction:column;align-items:center;gap:40px}}
@media (max-width:640px){.steps,.notes{grid-template-columns:1fr}.band{padding-top:72px}.duo section{padding:30px 24px}.nots{grid-template-columns:1fr}
.hero-art{min-height:0;display:block}.hero-art>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.chip{position:static;transform:none!important;animation:none!important;font-size:14px;box-shadow:0 1px 2px rgba(40,20,110,.08)}.hero-art .phone{margin-top:14px}.ribbon-wrap{height:110px;margin-top:10px}}
@media (max-width:400px){.wrap{padding:0 16px}.wrap.page{padding:40px 16px 64px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.language[open] ul{animation:none}}